添加重置密码页面

src/pages.json

@@ -3,6 +3,9 @@
     {
       "path": "pages/index"
     },
+    {
+      "path": "pages/reset-password"
+    },
     {
       "path": "pages/point-book"
     },

src/pages/point-book-home.vue

@@ -208,7 +208,7 @@ onShow(async () => {
             ? Number((data.yellowRate * 100).toFixed(2)) + "%"
             : "-"
         }}</text>
-        <text>X-Ring Rate</text>
+        <text>Gold Rate</text>
       </view>
       <view>
         <button hover-class="none" @click="startScoring">

src/pages/point-book-profile.vue

@@ -14,6 +14,12 @@ const toEditPage = (type) => {
     url: "/pages/edit-profile?type=" + type,
   });
 };
+
+const toSignInPage = () => {
+  uni.navigateTo({
+    url: "/pages/sign-in",
+  });
+};
 </script>
 
 <template>
@@ -42,7 +48,7 @@ const toEditPage = (type) => {
           <image src="../static/back-grey.png" mode="widthFix" />
         </button>
       </view>
-      <button hover-class="none">Log out</button>
+      <button hover-class="none" @click="toSignInPage">Log out</button>
       <view>
         <text>Have questions? Please contact us through email: </text>
         <text>shelingxingqiu@163.com</text>

src/pages/point-book.vue

@@ -13,7 +13,7 @@ const store = useStore();
 const { updateUser } = store;
 const { user } = storeToRefs(store);
 
-const activeTab = ref(2);
+const activeTab = ref(0);
 const heat = ref(0);
 
 const isIOS = computed(() => {

src/pages/reset-password.vue

@@ -0,0 +1,52 @@
+<script setup>
+import { ref } from "vue";
+import InputRow from "@/components/InputRow.vue";
+import SButton from "@/components/SButton.vue";
+
+const toSignInPage = () => {
+  uni.navigateBack();
+};
+</script>
+
+<template>
+  <view class="container">
+    <text class="title">Reset Password</text>
+    <text class="sub-title">Enter email address to reset password</text>
+    <InputRow placeholder="email" width="80vw" />
+    <InputRow
+      placeholder="verification code"
+      type="number"
+      width="80vw"
+      btnType="code"
+    />
+    <InputRow type="password" placeholder="password" width="80vw" />
+    <InputRow type="password" placeholder="confirm password" width="80vw" />
+    <view :style="{ height: '20rpx' }"></view>
+    <SButton width="80vw">Submit</SButton>
+  </view>
+</template>
+
+<style scoped>
+.container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  padding-top: 240rpx;
+  background: #f5f5f5;
+}
+.title {
+  font-weight: 600;
+  font-size: 48rpx;
+  color: #333333;
+  width: 80vw;
+  margin-bottom: 10rpx;
+}
+.sub-title {
+  font-size: 24rpx;
+  color: #666666;
+  width: 80vw;
+  margin-bottom: 20rpx;
+}
+</style>

src/pages/sign-in.vue

@@ -10,6 +10,12 @@ const toSignUpPage = () => {
     url: "/pages/sign-up",
   });
 };
+
+const toResetPasswordPage = () => {
+  uni.navigateTo({
+    url: "/pages/reset-password",
+  });
+};
 </script>
 
 <template>
@@ -19,7 +25,9 @@ const toSignUpPage = () => {
     <InputRow type="text" placeholder="email" width="80vw" />
     <InputRow type="password" placeholder="password" width="80vw" />
     <view class="btn-row">
-      <button hover-class="none">Forgot Password?</button>
+      <button hover-class="none" @click="toResetPasswordPage">
+        Forgot Password?
+      </button>
     </view>
     <SButton width="80vw">login</SButton>
     <button

src/pages/sign-up.vue

@@ -26,7 +26,7 @@ const toSignInPage = () => {
       <button hover-class="none" @click.stop="">privacy policy</button>
     </view>
     <view class="to-sign-up">
-      <text>don't have an account? </text>
+      <text>have an account? </text>
       <button hover-class="none" @click.stop="toSignInPage">sign in ></button>
     </view>
   </view>