优化代码

pages/Setting/settingmod/changePassword.vue

@@ -0,0 +1,100 @@
+<template>
+  <view class="change-password">
+    <view class="bg">
+      <image
+        class="bgImg"
+        src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/HomeBackground.png"
+        mode="scaleToFill"
+      />
+    </view>
+    <view class="Return" @click="onBack">
+      <image
+        class="ReturnImg"
+        src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png"
+        mode="scaleToFill"
+      />
+    </view>
+    <view class="title">修改密码</view>
+    <view class="contentbox">
+      <view class="content">
+        <!--  -->
+
+        <!--  -->
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      title: "Hello",
+    };
+  },
+  onLoad() {
+    // 页面加载时执行
+  },
+  methods: {
+    // 返回上一页
+    onBack() {
+      console.log(1);
+      wx.navigateBack({
+        delta: 1,
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.bg {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: -1;
+}
+.bgImg {
+  width: 100%;
+  height: 100%;
+}
+.Return {
+  position: fixed;
+  left: 35rpx;
+  top: 120rpx;
+  width: 46rpx;
+  height: 46rpx;
+  z-index: 2;
+}
+.title {
+  position: fixed;
+  top: 120rpx;
+  left: 0;
+  right: 0;
+  text-align: center;
+  font-size: 34rpx;
+  color: #100e0f;
+  font-weight: bold;
+  z-index: 1;
+}
+.ReturnImg {
+  width: 100%;
+  height: 100%;
+}
+.contentbox {
+  position: absolute;
+  top: 200rpx;
+  left: 0rpx;
+  right: 0rpx;
+  bottom: 0rpx;
+}
+.content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+</style>