|
|
|
@ -1,10 +1,13 @@ |
|
|
|
<template> |
|
|
|
<view class="page" :style="bgStyle"> |
|
|
|
<view class="page"> |
|
|
|
<view class="content" :style="bgStyle"> |
|
|
|
|
|
|
|
<navbar title="客服" leftClick @leftClick="$utils.navigateBack" /> |
|
|
|
|
|
|
|
<image class="qr" :src="configList.index_huodong" :show-menu-by-longpress="true"></image> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
@ -18,7 +21,7 @@ |
|
|
|
computed: { |
|
|
|
...mapState(['configList']), |
|
|
|
bgStyle() { |
|
|
|
return `background-image: url(${ this.configList.codeImg}); background-size: contain;` |
|
|
|
return `background-image: url(${ this.configList.codeImg}); background-size: 100% auto;` |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad() { |
|
|
|
@ -30,24 +33,21 @@ |
|
|
|
.page { |
|
|
|
width: 100vw; |
|
|
|
height: 100vh; |
|
|
|
|
|
|
|
position: relative; |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.bg { |
|
|
|
.content { |
|
|
|
position: relative; |
|
|
|
width: 100vw; |
|
|
|
height: calc(100vh - #{$navbar-height} - var(--status-bar-height) - 20rpx); |
|
|
|
height: calc((1624 / 750) * 100vw); |
|
|
|
} |
|
|
|
|
|
|
|
.qr { |
|
|
|
position: absolute; |
|
|
|
top: 854rpx; |
|
|
|
left: 50%; |
|
|
|
transform: translateX(-50%); |
|
|
|
bottom: calc((454 / 750) * 100vw); |
|
|
|
left: calc((214 / 750) * 100vw); |
|
|
|
|
|
|
|
width: 316rpx; |
|
|
|
height: 316rpx; |
|
|
|
width: calc((316 / 750) * 100vw); |
|
|
|
height: calc((316 / 750) * 100vw); |
|
|
|
} |
|
|
|
</style> |
