Commit 2547ffbd authored by Facius's avatar Facius

入驻页面联系客服修改

parent ae0a94c0
<template>
<view class="content-view">
<view class="headimage-view">
<image class="headimage-view-image" :src="kefuImage"></image>
<text class="name-text">朱曼婷</text>
</view>
<view class="content-info">
<view>
<view class="content-info-title">深圳唯修汇科技有限公司</view>
<view class="content-info-tip">长按二维码添加官方客服微信及时了解审核进度</view>
</view>
<view class="QRcode-view">
<image class="content-info-QRcode":src="erweimaImage"></image>
</view>
</view>
</view>
</template>
<script>
export default {
props: {
},
data() {
return {}
},
computed: {
erweimaImage() {
return qn_base_url + 'erweima.png'
},
kefuImage() {
return qn_base_url + 'kefu.png'
}
}
}
</script>
<style lang="scss" scoped>
.content-view {
background-color: #FFFFFF;
width: 440rpx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.headimage-view {
position: relative;
.headimage-view-image {
width: 440rpx;
height: 400rpx;
}
.name-text {
position: absolute;
bottom: 20rpx;
left: 20rpx;
color: #FFFFFF;
font-size: 28rpx;
}
}
.content-info {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0rpx 12rpx 20rpx 12rpx;
.content-info-title {
font-size: 24rpx;
color: #333333;
margin-bottom: 10rpx;
}
.content-info-tip {
font-size: 20rpx;
color: #666666;
}
.QRcode-view {
margin-left: 30rpx;
}
.content-info-QRcode {
padding-top: 12rpx;
width: 104rpx;
height: 104rpx;
}
}
}
</style>
......@@ -15,25 +15,24 @@
v-for="(txt,index) in info.tipsArr">{{txt}}</text>
</view>
<view class="services-view">
<Services/>
<image class="service-info-image" :src="erweimaImage"></image>
<view class="content-info-tip">长按二维码添加官方客服微信</view>
<view class="content-info-tip">及时了解审核进度</view>
</view>
</view>
<template v-slot:bottom>
<button class="btn-submit" @click="$u.debounce(goPage, 500)">{{info.btnTxt}}</button>
</template>
</view>
</Settle>
</view>
</template>
<script>
import Settle from '@/components/settle/index.vue'
import Services from '@/components/settle/services.vue'
// import Services from '@/components/settle/services.vue'
export default {
components: {
Settle,
Services
// Services
},
data() {
......@@ -97,7 +96,9 @@
imageUrl() {
return this.status == 1 ? qn_base_url + 'chenggong.png' : qn_base_url + 'icon-prompt.png'
},
erweimaImage() {
return qn_base_url + 'erweima-bg.png'
},
},
onLoad(e) {
if (e) {
......@@ -201,7 +202,7 @@
.content-view {
background-color: #FFFFFF;
margin-bottom: 188rpx;
margin-bottom: 30rpx;
border-radius: 12rpx;
padding: 30rpx;
}
......@@ -240,7 +241,8 @@
}
.btn-submit {
margin-top: 112rpx;
margin-top: 50rpx;
margin-bottom: 30rpx;
width: 600rpx;
height: 104rpx;
line-height: 104rpx;
......@@ -257,9 +259,17 @@
}
}
.services-view {
display: flex;
justify-content: center;
padding-top: 50rpx;
text-align: center;
.service-info-image {
margin-bottom: 30rpx;
width: 220rpx;
height: 220rpx;
}
.content-info-tip {
font-size: 22rpx;
color: #666666;
}
}
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment