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