Merge pull request 'feat: 页面调整;' (#7) from fox into master

Reviewed-on: http://175.178.51.79:3000/hly/fission-star-applet-250304/pulls/7

pages_order/mine/service.vue

@@ -1,9 +1,12 @@
 <template>
-  <view class="page" :style="bgStyle">
-		<navbar title="客服" leftClick @leftClick="$utils.navigateBack" />
- 
-    <image class="qr" :src="configList.index_huodong" :show-menu-by-longpress="true"></image>
+  <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>
 
@@ -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>