parent
290343055a
commit
6a38b7e1fe
6 changed files with 225 additions and 15 deletions
@ -0,0 +1,84 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
<view class="contact_box"> |
||||||
|
<view class="qrcode_bg"> |
||||||
|
<image src="../../../static/image/logo.png" class="contact_logo"></image> |
||||||
|
<image src="../../../static/image/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 {} |
||||||
|
}, |
||||||
|
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> |
||||||
|
After Width: | Height: | Size: 22 KiB |
Loading…
Reference in new issue