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 @@ ...@@ -15,25 +15,24 @@
v-for="(txt,index) in info.tipsArr">{{txt}}</text> v-for="(txt,index) in info.tipsArr">{{txt}}</text>
</view> </view>
<view class="services-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>
<button class="btn-submit" @click="$u.debounce(goPage, 500)">{{info.btnTxt}}</button>
</view> </view>
<template v-slot:bottom>
<button class="btn-submit" @click="$u.debounce(goPage, 500)">{{info.btnTxt}}</button>
</template>
</Settle> </Settle>
</view> </view>
</template> </template>
<script> <script>
import Settle from '@/components/settle/index.vue' import Settle from '@/components/settle/index.vue'
import Services from '@/components/settle/services.vue' // import Services from '@/components/settle/services.vue'
export default { export default {
components: { components: {
Settle, Settle,
Services // Services
}, },
data() { data() {
...@@ -97,7 +96,9 @@ ...@@ -97,7 +96,9 @@
imageUrl() { imageUrl() {
return this.status == 1 ? qn_base_url + 'chenggong.png' : qn_base_url + 'icon-prompt.png' 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) { onLoad(e) {
if (e) { if (e) {
...@@ -201,7 +202,7 @@ ...@@ -201,7 +202,7 @@
.content-view { .content-view {
background-color: #FFFFFF; background-color: #FFFFFF;
margin-bottom: 188rpx; margin-bottom: 30rpx;
border-radius: 12rpx; border-radius: 12rpx;
padding: 30rpx; padding: 30rpx;
} }
...@@ -240,7 +241,8 @@ ...@@ -240,7 +241,8 @@
} }
.btn-submit { .btn-submit {
margin-top: 112rpx; margin-top: 50rpx;
margin-bottom: 30rpx;
width: 600rpx; width: 600rpx;
height: 104rpx; height: 104rpx;
line-height: 104rpx; line-height: 104rpx;
...@@ -257,9 +259,17 @@ ...@@ -257,9 +259,17 @@
} }
} }
.services-view { .services-view {
display: flex; padding-top: 50rpx;
justify-content: center; text-align: center;
padding-top: 50rpx; .service-info-image {
margin-bottom: 30rpx;
width: 220rpx;
height: 220rpx;
}
.content-info-tip {
font-size: 22rpx;
color: #666666;
}
} }
} }
</style> </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