优化页面

pages/Mine/minecomponents/contact.vue

@@ -1,6 +1,12 @@
 <template>
     <view class="contact">
-        <h1>联系方式</h1>
+        <view class="bg">
+      <image class="bgImg" src="../../../static/HomeBackground.png" mode="scaleToFill" />
+    </view>
+    <view class="Return" @click="onBack">
+      <image class="ReturnImg" src="../../../static/Return.png" mode="scaleToFill" />
+    </view>
+    <view class="title">联系客服</view>
     </view>
 </template>
 
@@ -15,17 +21,46 @@
             // 页面加载时执行
         },
         methods: {
-            // 方法定义
+            onBack() {
+                // 返回上一页
+                wx.navigateBack({
+                    delta: 1
+                })
+            }
         }
     }
 </script>
 
 <style scoped>
-   .contact{
-    width: 100vw;
-    height: 100vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-   }
+.bg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+}
+.bgImg {
+  width: 100%;
+  height: 100%;
+}
+.Return {
+  position: absolute;
+  top: 110rpx;
+  left: 35rpx;
+  width: 46rpx;
+  height: 46rpx;
+}
+.title {
+  position: absolute;
+  top: 120rpx;
+  left: 315rpx;
+  font-size: 34rpx;
+  color: #100e0f;
+  font-weight: 500;
+}
+.ReturnImg {
+  width: 100%;
+  height: 100%;
+}
 </style>