注册UI调整

pages/login/forgot-password/forgot-password.vue

@@ -1,35 +1,5 @@
 <script setup>
-  import { ref, reactive } from 'vue'
-  import { useUI } from '@/utils/use-ui'
-
-  const { showToast } = useUI()
-
-  const formData = reactive({
-    username: '',
-    password: '',
-    confirmPassword: '',
-    code: ''
-  })
-  const isCode = ref(false)
-
-  const getCode = () => {
-    console.log('获取验证码')
-    isCode.value = true
-  }
-
-  const onBottomBtn = () => {
-    if (!formData.username) {
-      showToast('请输入手机号/邮箱')
-      return
-    }
-
-    if (!formData.password) {
-      showToast('请输入密码')
-      return
-    }
-
-    console.log('确认')
-  }
+  import { navigateTo } from '@/utils/router'
 </script>
 
 <template>
@@ -43,57 +13,67 @@
         ></image>
       </template>
     </nav-bar>
-    <view class="top-nav">
-      <text class="title-left">忘记密码</text>
+    <view class="top-name">
+      <text>忘记密码</text>
+      <text>忘记密码需要联系客服更改</text>
     </view>
-    <div class="input-wrapper">
-      <cb-input
-        v-model="formData.username"
-        placeholder="请输入手机号/邮箱"
-      ></cb-input>
-      <!-- <cb-input
-        v-model="formData.code"
-        v-model:code="isCode"
-        type="number"
-        icon="6"
-        placeholder="请输入验证码"
-        @onGetCode="getCode"
-      ></cb-input> -->
-      <cb-input
-        v-model="formData.password"
-        type="password"
-        icon="2"
-        placeholder="请输入密码"
-      ></cb-input>
-      <cb-input
-        v-model="formData.confirmPassword"
-        type="password"
-        icon="2"
-        placeholder="请输入确认密码"
-      ></cb-input>
+    <view class="btn-box">
+      <view class="icon-box">
+        <image
+          src="/static/images/customer-service.svg"
+          mode="heightFix"
+          class="icon"
+        ></image>
+      </view>
       <cb-button
-        class="bottom-btn"
-        :disabled="
-          !formData.username ||
-          !formData.password ||
-          !formData.confirmPassword ||
-          !formData.code
+        @click="
+          navigateTo('/pages/my-index/customer-service/third-party')
         "
-        @click="onBottomBtn"
       >
-        确定
+        联系客服
       </cb-button>
-    </div>
+    </view>
   </view>
 </template>
 
 <style lang="scss" scoped>
-  @import '/styles/login.scss';
   .left-icon {
     height: 36rpx;
   }
 
-  .bottom-btn {
+  .btn-box {
+    padding: 0 24rpx;
     margin-top: 140rpx;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    .icon-box {
+      display: flex;
+      justify-content: center;
+      margin-bottom: 36rpx;
+      .icon {
+        height: 180rpx;
+      }
+    }
+  }
+
+  .top-name {
+    margin-top: 10vh;
+    display: flex;
+    flex-direction: column;
+    padding: 0 24rpx;
+    text {
+      font-family: PingFang SC, PingFang SC;
+      font-weight: 500;
+      font-size: 40rpx;
+      color: #333333;
+      font-style: normal;
+      text-transform: none;
+      // 最后一个
+      &:last-child {
+        font-size: 32rpx;
+        color: #999999;
+      }
+    }
   }
 </style>