You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
1.7 KiB
86 lines
1.7 KiB
<template> |
|
<view> |
|
<view class="contact_box"> |
|
<view class="qrcode_bg"> |
|
<image src="../../../static/image/logo.png" class="contact_logo"></image> |
|
<image :src="imgPrefix + 'add.png'" class="qrcode"></image> |
|
<view class="contact_txt"> |
|
<image src="../../../static/image/icon-contact.png" style="width: 44rpx; height: 44rpx;"></image> |
|
<text class="txt">壹人壹枕</text> |
|
</view> |
|
</view> |
|
<view class="contact_des">扫描二维码，添加客服企业微信</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
imgPrefix: getApp().globalData.imgPrefix, |
|
} |
|
}, |
|
methods: {} |
|
} |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.contact_box { |
|
background-color: #fff; |
|
margin: 30rpx; |
|
border-radius: 30rpx; |
|
padding-top: 128rpx; |
|
overflow: hidden; |
|
|
|
.contact_des { |
|
line-height: 33rpx; |
|
font-size: 24rpx; |
|
font-family: PingFang SC-Regular, PingFang SC; |
|
font-weight: 400; |
|
color: #999999; |
|
text-align: center; |
|
margin: 50rpx 0 80rpx; |
|
} |
|
|
|
.qrcode_bg { |
|
position: relative; |
|
width: 325rpx; |
|
height: 484rpx; |
|
background: #FCEFEF; |
|
border-radius: 20rpx; |
|
padding: 0 30rpx; |
|
margin: 0 auto; |
|
|
|
.contact_logo { |
|
width: 96rpx; |
|
height: 96rpx; |
|
position: absolute; |
|
left: 50%; |
|
top: -48rpx; |
|
margin: 0 0 0 -48rpx; |
|
} |
|
.qrcode{ |
|
width: 325rpx; |
|
height: 325rpx; |
|
margin-top: 73rpx; |
|
} |
|
|
|
.contact_txt { |
|
display: flex; |
|
flex-flow: row wrap; |
|
justify-content: center; |
|
margin-top: 21rpx; |
|
|
|
.txt { |
|
color: #333333; |
|
line-height: 44rpx; |
|
font-size: 26rpx; |
|
font-family: PingFang SC-Bold, PingFang SC; |
|
font-weight: bold; |
|
margin-left: 10rpx; |
|
} |
|
} |
|
} |
|
} |
|
</style> |