From 25cf6f1c020e2467a7264081919a60c0978696ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8C=83=E9=B9=8F?= <fanpeng@star-lock.cn>
Date: Tue, 31 Dec 2024 10:58:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=8D=A2=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc-auto-import.json                    |  17 +-
 env/.env                                      |  16 +-
 env/.env.development                          |   6 +-
 env/.env.production                           |   6 +-
 env/.env.test                                 |   4 +-
 package.json                                  |   2 +-
 pnpm-lock.yaml                                |  10 +-
 src/App.vue                                   |  25 --
 src/components/.gitkeep                       |   0
 src/components/CustomTabBar/CustomTabBar.vue  |  73 +++++
 src/components/Modal/Modal.vue                |  95 +++++++
 .../TopNavigation/TopNavigation.vue           |  75 ++++++
 src/constants/regular-expressions.js          |   3 +
 src/hooks/.gitkeep                            |   0
 src/manifest.json                             |   8 +-
 src/pages.json                                |  49 +++-
 src/pages/about/about.vue                     |  36 ---
 src/pages/about/components/request.vue        |  56 ----
 src/pages/about/components/upload.vue         |  30 ---
 src/pages/code/code.vue                       | 100 +++++++
 src/pages/get-code/get-code.vue               |  59 ++++
 src/pages/home/CustomTab.vue                  |  44 +++
 src/pages/home/home.vue                       | 254 ++++++++++++++++++
 src/pages/index/index.vue                     |  56 ----
 src/pages/login/login.vue                     | 242 +++++++++++++++++
 src/pages/mine/mine.vue                       |   7 +
 src/pages/notification/notification.vue       |   7 +
 src/pages/reset-password/reset-password.vue   |  74 +++++
 src/pages/workbench/workbench.vue             |   7 +
 src/static/images/.gitkeep                    |   0
 src/static/images/icon_back.png               | Bin 0 -> 316 bytes
 src/static/images/icon_nav_close.png          | Bin 0 -> 2202 bytes
 src/static/images/icon_nav_more.png           | Bin 0 -> 1364 bytes
 src/static/images/icon_scan_code.png          | Bin 0 -> 1560 bytes
 src/static/images/icon_wechat.png             | Bin 0 -> 2265 bytes
 src/static/logo.png                           | Bin 0 -> 4023 bytes
 src/store/basic.ts                            |  22 ++
 src/store/index.ts                            |   1 +
 src/types/auto-import.d.ts                    |   2 -
 src/types/uni-pages.d.ts                      |  11 +-
 src/typings.ts                                |  24 +-
 src/uni_modules/.gitkeep                      |   0
 src/utils/http.ts                             |  26 +-
 src/utils/platform.ts                         |   6 -
 44 files changed, 1182 insertions(+), 271 deletions(-)
 delete mode 100644 src/components/.gitkeep
 create mode 100644 src/components/CustomTabBar/CustomTabBar.vue
 create mode 100644 src/components/Modal/Modal.vue
 create mode 100644 src/components/TopNavigation/TopNavigation.vue
 create mode 100644 src/constants/regular-expressions.js
 delete mode 100644 src/hooks/.gitkeep
 delete mode 100644 src/pages/about/about.vue
 delete mode 100644 src/pages/about/components/request.vue
 delete mode 100644 src/pages/about/components/upload.vue
 create mode 100644 src/pages/code/code.vue
 create mode 100644 src/pages/get-code/get-code.vue
 create mode 100644 src/pages/home/CustomTab.vue
 create mode 100644 src/pages/home/home.vue
 delete mode 100644 src/pages/index/index.vue
 create mode 100644 src/pages/login/login.vue
 create mode 100644 src/pages/mine/mine.vue
 create mode 100644 src/pages/notification/notification.vue
 create mode 100644 src/pages/reset-password/reset-password.vue
 create mode 100644 src/pages/workbench/workbench.vue
 delete mode 100644 src/static/images/.gitkeep
 create mode 100644 src/static/images/icon_back.png
 create mode 100644 src/static/images/icon_nav_close.png
 create mode 100644 src/static/images/icon_nav_more.png
 create mode 100644 src/static/images/icon_scan_code.png
 create mode 100644 src/static/images/icon_wechat.png
 create mode 100644 src/static/logo.png
 create mode 100644 src/store/basic.ts
 delete mode 100644 src/uni_modules/.gitkeep

diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
index 27df73d..ca20d5b 100644
--- a/.eslintrc-auto-import.json
+++ b/.eslintrc-auto-import.json
@@ -3,11 +3,14 @@
     "Component": true,
     "ComponentPublicInstance": true,
     "ComputedRef": true,
+    "DirectiveBinding": true,
     "EffectScope": true,
     "ExtractDefaultPropTypes": true,
     "ExtractPropTypes": true,
     "ExtractPublicPropTypes": true,
     "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
     "PropType": true,
     "Ref": true,
     "VNode": true,
@@ -65,6 +68,7 @@
     "onUnload": true,
     "onUnmounted": true,
     "onUpdated": true,
+    "onWatcherCleanup": true,
     "provide": true,
     "reactive": true,
     "readonly": true,
@@ -82,20 +86,15 @@
     "useAttrs": true,
     "useCssModule": true,
     "useCssVars": true,
+    "useId": true,
+    "useModel": true,
     "useRequest": true,
     "useSlots": true,
+    "useTemplateRef": true,
     "useUpload": true,
-    "useUpload2": true,
     "watch": true,
     "watchEffect": true,
     "watchPostEffect": true,
-    "watchSyncEffect": true,
-    "DirectiveBinding": true,
-    "MaybeRef": true,
-    "MaybeRefOrGetter": true,
-    "onWatcherCleanup": true,
-    "useId": true,
-    "useModel": true,
-    "useTemplateRef": true
+    "watchSyncEffect": true
   }
 }
diff --git a/env/.env b/env/.env
index 03c7ecf..c367880 100644
--- a/env/.env
+++ b/env/.env
@@ -1,15 +1,15 @@
-VITE_APP_TITLE = 'unibest'
-VITE_APP_PORT = 9000
+VITE_APP_TITLE='星星勤务'
+VITE_APP_PORT=9000
 
-VITE_UNI_APPID = 'H57F2ACE4'
-VITE_WX_APPID = 'wxa2abb91f64032a2b'
+VITE_UNI_APPID='__UNI__58536F2'
+VITE_WX_APPID='wxa2abb91f64032a2b'
 
 # h5部署网站的base，配置到 manifest.config.ts 里的 h5.router.base
-VITE_APP_PUBLIC_BASE=/unibest/
+VITE_APP_PUBLIC_BASE=/
 
-VITE_SERVER_BASEURL = 'https://ukw0y1.laf.run'
-VITE_UPLOAD_BASEURL = 'https://ukw0y1.laf.run/upload'
+VITE_SERVER_BASEURL='https://ukw0y1.laf.run'
+VITE_UPLOAD_BASEURL='https://ukw0y1.laf.run/upload'
 
 # h5是否需要配置代理
 VITE_APP_PROXY=false
-VITE_APP_PROXY_PREFIX = '/api'
+VITE_APP_PROXY_PREFIX='/api'
diff --git a/env/.env.development b/env/.env.development
index 04fa273..286b50f 100644
--- a/env/.env.development
+++ b/env/.env.development
@@ -1,6 +1,6 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
-NODE_ENV = 'development'
+NODE_ENV='development'
 # 是否去除console 和 debugger
-VITE_DELETE_CONSOLE = false
+VITE_DELETE_CONSOLE=false
 # 是否开启sourcemap
-VITE_SHOW_SOURCEMAP = true
+VITE_SHOW_SOURCEMAP=true
diff --git a/env/.env.production b/env/.env.production
index 8a1b50c..21bbcba 100644
--- a/env/.env.production
+++ b/env/.env.production
@@ -1,6 +1,6 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
-NODE_ENV = 'development'
+NODE_ENV='development'
 # 是否去除console 和 debugger
-VITE_DELETE_CONSOLE = true
+VITE_DELETE_CONSOLE=true
 # 是否开启sourcemap
-VITE_SHOW_SOURCEMAP = false
+VITE_SHOW_SOURCEMAP=false
diff --git a/env/.env.test b/env/.env.test
index e22f765..ed9c565 100644
--- a/env/.env.test
+++ b/env/.env.test
@@ -1,4 +1,4 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
-NODE_ENV = 'development'
+NODE_ENV='development'
 # 是否去除console 和 debugger
-VITE_DELETE_CONSOLE = false
+VITE_DELETE_CONSOLE=false
diff --git a/package.json b/package.json
index f7a3071..080be6d 100644
--- a/package.json
+++ b/package.json
@@ -90,7 +90,7 @@
     "pinia-plugin-persistedstate": "3.2.1",
     "qs": "6.5.3",
     "vue": "3.4.21",
-    "wot-design-uni": "^1.4.0",
+    "wot-design-uni": "1.4.0",
     "z-paging": "^2.8.4"
   },
   "devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9699bff..a33933e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -72,8 +72,8 @@ importers:
         specifier: 3.4.21
         version: 3.4.21(typescript@5.7.2)
       wot-design-uni:
-        specifier: ^1.4.0
-        version: 1.4.0(vue@3.4.21(typescript@5.7.2))
+        specifier: 1.5.1
+        version: 1.5.1(vue@3.4.21(typescript@5.7.2))
       z-paging:
         specifier: ^2.8.4
         version: 2.8.4
@@ -5456,8 +5456,8 @@ packages:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
 
-  wot-design-uni@1.4.0:
-    resolution: {integrity: sha512-h6sjrgfg7mP0nJwGTiHn/iTLPFyRswMpQV6MKhWN3skTnXe+FAyndvtXofpXp+uLkTXefGfw5BPI0uuCMD874w==}
+  wot-design-uni@1.5.1:
+    resolution: {integrity: sha512-jiDRuF8r7+xAldc4Dp+2T1VnqDnOoMWsXu6aRpDg2QG7ZH+/bJl7W8H8hHbKFgA9lu1By/HCDmpG7JC45nYtBw==}
     engines: {HBuilderX: ^3.8.7}
     peerDependencies:
       vue: '>=3.2.47'
@@ -12236,7 +12236,7 @@ snapshots:
 
   word-wrap@1.2.5: {}
 
-  wot-design-uni@1.4.0(vue@3.4.21(typescript@5.7.2)):
+  wot-design-uni@1.5.1(vue@3.4.21(typescript@5.7.2)):
     dependencies:
       vue: 3.4.21(typescript@5.7.2)
 
diff --git a/src/App.vue b/src/App.vue
index e127703..49958a6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -30,29 +30,4 @@
     height: 100%;
     vertical-align: middle;
   }
-
-  // 单行省略，优先使用 unocss: text-ellipsis
-  .ellipsis {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  // 两行省略
-  .ellipsis-2 {
-    display: -webkit-box;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-  }
-
-  // 三行省略
-  .ellipsis-3 {
-    display: -webkit-box;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-  }
 </style>
diff --git a/src/components/.gitkeep b/src/components/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/components/CustomTabBar/CustomTabBar.vue b/src/components/CustomTabBar/CustomTabBar.vue
new file mode 100644
index 0000000..d9dd1fd
--- /dev/null
+++ b/src/components/CustomTabBar/CustomTabBar.vue
@@ -0,0 +1,73 @@
+<template>
+  <view>
+    <wd-tabbar
+      v-model="index"
+      fixed
+      safeAreaInsetBottom
+      active-color="#255cf7"
+      inactive-color="#0d0f10"
+      placeholder
+      @change="change"
+    >
+      <wd-tabbar-item
+        v-for="(item, index) in list"
+        :key="index"
+        :is-dot="item.isDot || false"
+        :title="item.title"
+        :value="item.value || 0"
+        :icon="item.icon"
+      ></wd-tabbar-item>
+    </wd-tabbar>
+  </view>
+</template>
+
+<script setup lang="ts">
+  const index = ref<number>(0)
+
+  defineOptions({
+    options: {
+      styleIsolation: 'shared'
+    }
+  })
+
+  const props = defineProps({
+    defaultIndex: {
+      type: Number,
+      default: 0
+    },
+    list: {
+      type: Array<TabBarItem>,
+      required: true
+    }
+  })
+
+  const emits = defineEmits(['change'])
+
+  onMounted(() => {
+    index.value = props.defaultIndex
+  })
+
+  const change = (index: number) => {
+    emits('change', index)
+  }
+</script>
+
+<style lang="scss" scoped>
+  :deep(.wd-icon) {
+    width: 24px;
+    height: 24px;
+    margin-bottom: 2px;
+  }
+
+  :deep(.wd-tabbar-item__body-title) {
+    font-size: 10px;
+  }
+
+  :deep(.wd-badge__content) {
+    top: 5px !important;
+  }
+
+  :deep(.wd-tabbar) {
+    background: #f4f5fa;
+  }
+</style>
diff --git a/src/components/Modal/Modal.vue b/src/components/Modal/Modal.vue
new file mode 100644
index 0000000..ed171d8
--- /dev/null
+++ b/src/components/Modal/Modal.vue
@@ -0,0 +1,95 @@
+<template>
+  <view>
+    <wd-popup v-model="show" custom-style="border-radius:24rpx;" :close-on-click-modal="false">
+      <view class="w-75">
+        <view v-if="title" class="font-bold text-4 text-center pt-4">{{ title }}</view>
+        <view class="text-3.5 w-60 pl-7.5 py-4 custom-color-black">
+          <slot v-if="$slots.default"></slot>
+          <view class="break-all" v-else>{{ content }}</view>
+        </view>
+        <view class="flex flex-items-center text-center border-[#ebebeb] border-t-1 border-t-solid">
+          <view
+            v-if="showCancel"
+            class="w-1/2 py-3 text-4 font-bold border-r-1 border-r-solid border-[#ebebeb]"
+            :style="{ color: cancelColor }"
+            @click="cancel"
+          >
+            {{ cancelText }}
+          </view>
+          <view
+            class="w-1/2 py-3 text-4 font-bold"
+            :class="[showCancel ? 'w-1/2' : 'w-full']"
+            :style="{ color: confirmColor }"
+            @click="confirm"
+          >
+            {{ confirmText }}
+          </view>
+        </view>
+      </view>
+    </wd-popup>
+  </view>
+</template>
+
+<script setup lang="ts">
+  const show = ref(false)
+
+  const props = defineProps({
+    title: {
+      type: String,
+      default: null
+    },
+    content: {
+      type: String,
+      default: null
+    },
+    cancelText: {
+      type: String,
+      default: '取消'
+    },
+    confirmText: {
+      type: String,
+      default: '确定'
+    },
+    showCancel: {
+      type: Boolean,
+      default: true
+    },
+    cancelColor: {
+      type: String,
+      default: '#0d0f10'
+    },
+    confirmColor: {
+      type: String,
+      default: '#255cf7'
+    },
+    controlModal: {
+      type: Boolean,
+      default: false
+    }
+  })
+
+  const showModal = () => {
+    show.value = true
+  }
+
+  const hideModal = () => {
+    show.value = false
+  }
+
+  const emits = defineEmits(['cancel', 'confirm'])
+
+  const cancel = async () => {
+    emits('cancel')
+    show.value = props.controlModal
+  }
+
+  const confirm = async () => {
+    emits('confirm')
+    show.value = props.controlModal
+  }
+
+  defineExpose({
+    showModal,
+    hideModal
+  })
+</script>
diff --git a/src/components/TopNavigation/TopNavigation.vue b/src/components/TopNavigation/TopNavigation.vue
new file mode 100644
index 0000000..af1bfdd
--- /dev/null
+++ b/src/components/TopNavigation/TopNavigation.vue
@@ -0,0 +1,75 @@
+<template>
+  <view>
+    <view v-if="systemInfo" :style="{ marginTop: systemInfo.safeAreaInsets?.top + 'px' }">
+      <view
+        v-if="mini"
+        class="h-12 pt-1 pos-relative flex flex-justify-between flex-items-center text-4 font-bold custom-color-black"
+      >
+        <view class="ml-4 line-clamp-1 max-w-60 break-all">
+          {{ title }}
+        </view>
+        <view class="mr-3 border-1 border-solid border-[#ebebeb] w-25 h-7 rounded-4">
+          <view class="flex flex-items-center flex-justify-around px-2 h-7">
+            <image class="w-6 h-6" src="/static/images/icon_nav_more.png"></image>
+            <view class="h-4 w-0.25 bg-[#ebebeb]"></view>
+            <image class="w-6 h-6" src="/static/images/icon_nav_close.png"></image>
+          </view>
+        </view>
+      </view>
+      <view
+        v-else
+        class="h-12 pt-1 pos-relative flex flex-justify-center flex-items-center text-4 font-bold custom-color-black"
+      >
+        <image
+          v-if="haveBack"
+          :src="backUrl"
+          class="pos-absolute left-3 h-5 w-5"
+          @click="back"
+        ></image>
+        <view class="flex flex-items-center">
+          <view class="line-clamp-1 max-w-60 break-all">
+            {{ title }}
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+  import { useBasicStore } from '@/store'
+
+  const $basic = useBasicStore()
+
+  const systemInfo = ref(null)
+
+  defineProps({
+    mini: {
+      type: Boolean,
+      default: false
+    },
+    title: {
+      type: String,
+      default: null
+    },
+    haveBack: {
+      type: Boolean,
+      default: true
+    },
+    backUrl: {
+      type: String,
+      default: '/static/images/icon_back.png'
+    }
+  })
+
+  const emits = defineEmits(['back'])
+
+  const back = () => {
+    uni.navigateBack()
+    emits('back')
+  }
+
+  onMounted(async () => {
+    systemInfo.value = await $basic.getSystemInfo()
+  })
+</script>
diff --git a/src/constants/regular-expressions.js b/src/constants/regular-expressions.js
new file mode 100644
index 0000000..1fcc6be
--- /dev/null
+++ b/src/constants/regular-expressions.js
@@ -0,0 +1,3 @@
+export const phoneRegExp = /^1[3-9]\d{9}$/
+
+export const passwordRegExp = /^(?![0-9]+$)(?![a-zA-Z]+$)(?![^0-9a-zA-Z]+$).{8,20}$/
diff --git a/src/hooks/.gitkeep b/src/hooks/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/manifest.json b/src/manifest.json
index ac9b61f..2c18b3f 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,6 +1,6 @@
 {
-  "name": "unibest",
-  "appid": "H57F2ACE4",
+  "name": "星星勤务",
+  "appid": "__UNI__58536F2",
   "description": "",
   "versionName": "1.0.0",
   "versionCode": "100",
@@ -105,7 +105,7 @@
   "vueVersion": "3",
   "h5": {
     "router": {
-      "base": "/unibest/"
+      "base": "/"
     }
   }
-}
+}
\ No newline at end of file
diff --git a/src/pages.json b/src/pages.json
index 0c1bb86..db2c4f6 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -51,7 +51,7 @@
   },
   "pages": [
     {
-      "path": "pages/index/index",
+      "path": "pages/home/home",
       "type": "home",
       "style": {
         "navigationStyle": "custom",
@@ -59,12 +59,53 @@
       }
     },
     {
-      "path": "pages/about/about",
+      "path": "pages/code/code",
       "type": "page",
       "style": {
-        "navigationBarTitleText": "关于"
+        "navigationStyle": "custom",
+        "disableScroll": true
       }
+    },
+    {
+      "path": "pages/get-code/get-code",
+      "type": "page",
+      "style": {
+        "navigationStyle": "custom",
+        "disableScroll": true
+      }
+    },
+    {
+      "path": "pages/home/CustomTab",
+      "type": "page"
+    },
+    {
+      "path": "pages/login/login",
+      "type": "page",
+      "style": {
+        "navigationStyle": "custom",
+        "disableScroll": true
+      }
+    },
+    {
+      "path": "pages/mine/mine",
+      "type": "page"
+    },
+    {
+      "path": "pages/notification/notification",
+      "type": "page"
+    },
+    {
+      "path": "pages/reset-password/reset-password",
+      "type": "page",
+      "style": {
+        "navigationStyle": "custom",
+        "disableScroll": true
+      }
+    },
+    {
+      "path": "pages/workbench/workbench",
+      "type": "page"
     }
   ],
   "subPackages": []
-}
+}
\ No newline at end of file
diff --git a/src/pages/about/about.vue b/src/pages/about/about.vue
deleted file mode 100644
index 4276540..0000000
--- a/src/pages/about/about.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<route lang="json5">
-{
-  style: {
-    navigationBarTitleText: '关于'
-  }
-}
-</route>
-
-<template>
-  <view
-    class="bg-white overflow-hidden pt-2 px-4"
-    :style="{ marginTop: safeAreaInsets?.top + 'px' }"
-  >
-    <view class="text-center text-3xl mt-8">
-      鸽友们好，我是
-      <text class="text-red-500">菲鸽</text>
-    </view>
-    <RequestComp />
-    <UploadComp />
-  </view>
-</template>
-
-<script lang="ts" setup>
-  import RequestComp from './components/request.vue'
-  import UploadComp from './components/upload.vue'
-
-  // 获取屏幕边界到安全区域距离
-  const { safeAreaInsets } = uni.getSystemInfoSync()
-</script>
-
-<style lang="scss" scoped>
-  .test-css {
-    // mt-4=>1rem=>16px;
-    margin-top: 16px;
-  }
-</style>
diff --git a/src/pages/about/components/request.vue b/src/pages/about/components/request.vue
deleted file mode 100644
index 3ccb18f..0000000
--- a/src/pages/about/components/request.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<route lang="json5">
-{
-  layout: 'demo',
-  style: {
-    navigationBarTitleText: '请求'
-  }
-}
-</route>
-
-<template>
-  <view class="p-6 text-center">
-    <view class="my-2">使用的是 laf 云后台</view>
-    <view class="text-green-400">我的推荐码，可以获得佣金</view>
-
-    <!-- #ifdef H5 -->
-    <view class="my-2">
-      <a class="my-2" :href="recommendUrl" target="_blank">{{ recommendUrl }}</a>
-    </view>
-    <!-- #endif -->
-
-    <!-- #ifndef H5 -->
-    <view class="my-2 text-left text-sm">{{ recommendUrl }}</view>
-    <!-- #endif -->
-
-    <!-- http://localhost:9000/#/pages/index/request -->
-    <wd-button @click="run" class="my-6">发送请求</wd-button>
-    <view class="h-12">
-      <view v-if="loading">loading...</view>
-      <block v-else>
-        <view class="text-xl">请求数据如下</view>
-        <view class="text-green leading-8">{{ JSON.stringify(data) }}</view>
-      </block>
-    </view>
-    <wd-button type="error" @click="reset" class="my-6" :disabled="!data">重置数据</wd-button>
-  </view>
-</template>
-
-<script lang="ts" setup>
-  import { getFooAPI, postFooAPI, IFooItem } from '@/service/index/foo'
-
-  const recommendUrl = ref('http://laf.run/signup?code=ohaOgIX')
-
-  // const initialData = {
-  //   name: 'initialData',
-  //   id: '1234',
-  // }
-  const initialData = undefined
-  // 适合少部分全局性的接口————多个页面都需要的请求接口，额外编写一个 Service 层
-  const { loading, error, data, run } = useRequest<IFooItem>(() => getFooAPI('菲鸽'), {
-    immediate: true,
-    initialData
-  })
-  const reset = () => {
-    data.value = initialData
-  }
-</script>
diff --git a/src/pages/about/components/upload.vue b/src/pages/about/components/upload.vue
deleted file mode 100644
index 2b2ee83..0000000
--- a/src/pages/about/components/upload.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<route lang="json5" type="page">
-{
-  layout: 'default',
-  style: {
-    navigationBarTitleText: '上传-状态一体化'
-  }
-}
-</route>
-
-<template>
-  <view class="p-4 text-center">
-    <wd-button @click="run">选择图片并上传</wd-button>
-    <view v-if="loading" class="text-blue h-10">上传...</view>
-    <template v-else>
-      <view class="m-2">上传后返回的接口数据：</view>
-      <view class="m-2">{{ data }}</view>
-      <view class="h-80 w-full">
-        <image v-if="data" :src="data || data" mode="scaleToFill" />
-      </view>
-    </template>
-  </view>
-</template>
-
-<script lang="ts" setup>
-  const { loading, data, run } = useUpload({ user: '菲鸽' })
-</script>
-
-<style lang="scss" scoped>
-  //
-</style>
diff --git a/src/pages/code/code.vue b/src/pages/code/code.vue
new file mode 100644
index 0000000..731d583
--- /dev/null
+++ b/src/pages/code/code.vue
@@ -0,0 +1,100 @@
+<route lang="json5">
+{
+  style: {
+    navigationStyle: 'custom',
+    disableScroll: true
+  }
+}
+</route>
+<template>
+  <view>
+    <TopNavigation></TopNavigation>
+    <view class="text-6 ml-4 pt-7 custom-color-black font-bold">请输入验证码</view>
+    <view class="text-3.5 ml-4 mt-2 mb-4 custom-color-grey">
+      <view>已发送验证码至{{ maskedPhone }}</view>
+      <view v-if="countDown > 0">
+        如未收到请
+        <text class="text-red">{{ countDown }}s</text>
+        后重新获取
+      </view>
+      <view v-else class="custom-color-blue" @click="reset">重新获取</view>
+    </view>
+    <view class="pt-8">
+      <wd-password-input
+        v-model="code"
+        :gutter="10"
+        :mask="false"
+        :focused="showKeyboard"
+        @focus="showKeyboard = true"
+      />
+      <wd-number-keyboard
+        v-model="code"
+        v-model:visible="showKeyboard"
+        :maxlength="6"
+        @blur="showKeyboard = false"
+      />
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  const phone = ref<string>('')
+
+  const code = ref<string>('')
+
+  const countDown = ref<number>(60)
+
+  const showKeyboard = ref<boolean>(true)
+
+  const type = ref<string>('')
+
+  onLoad(async options => {
+    phone.value = options.phone
+    type.value = options.type
+
+    countDownStart()
+  })
+
+  watch(code, newVal => {
+    if (newVal.length === 6) {
+      // 校验验证码
+      if (type.value === 'login') {
+        console.log('login')
+      } else if (type.value === 'reset-password') {
+        uni.navigateTo({
+          url: `/pages/reset-password/reset-password`
+        })
+      }
+    }
+  })
+
+  const reset = () => {
+    countDownStart()
+  }
+
+  const maskedPhone = computed(() => {
+    if (phone.value.length === 11) {
+      return phone.value.slice(0, 3) + '****' + phone.value.slice(7)
+    }
+    return phone.value
+  })
+
+  const countDownStart = () => {
+    countDown.value = 60
+    const timestamp = new Date().getTime()
+    const timer = setInterval(() => {
+      if (countDown.value > 0) {
+        countDown.value = 60 - Math.floor((new Date().getTime() - timestamp) / 1000)
+      } else {
+        clearInterval(timer)
+      }
+    }, 1000)
+  }
+</script>
+
+<style scoped lang="scss">
+  :deep(.wd-password-input__item) {
+    border: #b8b8b8 solid 2rpx;
+    border-radius: 12rpx;
+  }
+</style>
diff --git a/src/pages/get-code/get-code.vue b/src/pages/get-code/get-code.vue
new file mode 100644
index 0000000..2c23461
--- /dev/null
+++ b/src/pages/get-code/get-code.vue
@@ -0,0 +1,59 @@
+<route lang="json5">
+{
+  style: {
+    navigationStyle: 'custom',
+    disableScroll: true
+  }
+}
+</route>
+<template>
+  <view>
+    <TopNavigation></TopNavigation>
+    <view class="text-6 ml-4 pt-7 custom-color-black font-bold">请输入手机号</view>
+    <view class="p-5">
+      <wd-input
+        v-model="phone"
+        :maxlength="11"
+        clearable
+        placeholder="请输入手机号码"
+        placeholderClass="text-4 custom-color-grey"
+        size="large"
+        type="number"
+        @change="phoneChange"
+      />
+    </view>
+  </view>
+  <view class="p-5">
+    <wd-button :block="true" :disabled="!phonePass" :round="false" size="large" @click="codeLogin">
+      获取验证码
+    </wd-button>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import { phoneRegExp } from '@/constants/regular-expressions'
+
+  const phone = ref<string>('')
+  const phonePass = computed(() => phoneRegExp.test(phone.value))
+
+  onLoad(options => {
+    if (options.phone) {
+      phone.value = options.phone
+    }
+  })
+
+  const codeLogin = () => {
+    if (!phonePass.value) {
+      return
+    }
+    uni.navigateTo({
+      url: `/pages/code/code?phone=${phone.value}&type=reset-password`
+    })
+  }
+
+  const phoneChange = (value: string) => {
+    phone.value = value
+  }
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/home/CustomTab.vue b/src/pages/home/CustomTab.vue
new file mode 100644
index 0000000..feedb58
--- /dev/null
+++ b/src/pages/home/CustomTab.vue
@@ -0,0 +1,44 @@
+<template>
+  <view class="m-2 p-2 bg-white rounded-2">
+    <wd-tabs v-model="tab" auto-line-width swipeable animated>
+      <wd-tab v-for="(item, index) in list" :key="index" :title="item.title" :name="index">
+        <view class="flex flex-wrap">
+          <view
+            v-for="subItem in item.list"
+            :key="subItem.id"
+            class="text-center my-2 w-21.4375"
+            @click="clickItem(subItem)"
+          >
+            <image :src="subItem.icon" class="w-7 h-7 m-a"></image>
+            <view class="text-3 mt-2">{{ subItem.title }}</view>
+          </view>
+        </view>
+      </wd-tab>
+    </wd-tabs>
+  </view>
+</template>
+
+<script setup lang="ts">
+  const tab = ref<number>(0)
+
+  const props = defineProps({
+    index: {
+      type: Number,
+      default: 0
+    },
+    list: {
+      type: Array<HomeTab>,
+      required: true
+    }
+  })
+
+  const emits = defineEmits(['clickItem'])
+
+  onMounted(() => {
+    tab.value = props.index
+  })
+
+  const clickItem = (item: HomeTabItem) => {
+    emits('clickItem', item)
+  }
+</script>
diff --git a/src/pages/home/home.vue b/src/pages/home/home.vue
new file mode 100644
index 0000000..b39176d
--- /dev/null
+++ b/src/pages/home/home.vue
@@ -0,0 +1,254 @@
+<route lang="json5" type="home">
+{
+  style: {
+    navigationStyle: 'custom',
+    navigationBarTitleText: '首页'
+  }
+}
+</route>
+<template>
+  <view class="custom-bg-default">
+    <TopNavigation :title="appName"></TopNavigation>
+    <TopNavigation mini :title="appName"></TopNavigation>
+    <button class="mt-12" @click="toLogin">去登录</button>
+    <CustomTab class="mt-10" :list="featuresList" :index="2" @clickItem="clickItem"></CustomTab>
+    <view class="pt-10">
+      <CustomTabBar :list="list" :default-index="1" @change="change"></CustomTabBar>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" setup>
+  import { useUserStore } from '@/store'
+  import CustomTab from '@/pages/home/CustomTab.vue'
+
+  const $user = useUserStore()
+
+  const appName = import.meta.env.VITE_APP_TITLE
+
+  const list = ref<Array<TabBarItem>>([
+    {
+      title: '首页',
+      isDot: true,
+      icon: 'home'
+    },
+    {
+      title: '我的',
+      value: 0,
+      icon: '/static/tabbar/home.png'
+    },
+    {
+      title: '最大值',
+      value: 200,
+      icon: '/static/tabbar/home.png'
+    },
+    {
+      title: '客服',
+      value: 3,
+      icon: '/static/tabbar/home.png'
+    }
+  ])
+
+  const featuresList = ref<Array<HomeTab>>([
+    {
+      title: '视频',
+      list: [
+        {
+          id: 0,
+          title: '视频中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 1,
+          title: '视频中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 2,
+          title: '视频中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 3,
+          title: '视频中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 4,
+          title: '视频中心',
+          icon: '/static/logo.png'
+        }
+      ]
+    },
+    {
+      title: '音频',
+      list: [
+        {
+          id: 0,
+          title: '音频中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 1,
+          title: '音频中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 2,
+          title: '音频中心',
+          icon: '/static/logo.png'
+        }
+      ]
+    },
+    {
+      title: '图文',
+      list: [
+        {
+          id: 0,
+          title: '图文中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 1,
+          title: '图文中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 2,
+          title: '图文中心',
+          icon: '/static/logo.png'
+        }
+      ]
+    },
+    {
+      title: '直播',
+      list: [
+        {
+          id: 0,
+          title: '直播中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 1,
+          title: '直播中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 2,
+          title: '直播中心',
+          icon: '/static/logo.png'
+        }
+      ]
+    },
+    {
+      title: '其他',
+      list: [
+        {
+          id: 0,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 1,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 2,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        }
+      ]
+    },
+    {
+      title: '其他',
+      list: [
+        {
+          id: 0,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 1,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 2,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        }
+      ]
+    },
+    {
+      title: '其他',
+      list: [
+        {
+          id: 0,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 1,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 2,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        }
+      ]
+    },
+    {
+      title: '其他',
+      list: [
+        {
+          id: 0,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 1,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        },
+        {
+          id: 2,
+          title: '其他中心',
+          icon: '/static/logo.png'
+        }
+      ]
+    }
+  ])
+
+  // 测试 uni API 自动引入
+  onLoad(() => {
+    $user.setUserInfo({ nickname: '1', avatar: '1', token: '1' })
+
+    console.log($user.userInfo.nickname)
+  })
+
+  const change = data => {
+    console.log(data.value)
+    if (data.value === 3) {
+      list.value[data.value].value = 0
+    }
+  }
+
+  const toLogin = () => {
+    uni.navigateTo({
+      url: '/pages/login/login'
+    })
+  }
+
+  const clickItem = item => {
+    console.log(item)
+  }
+</script>
+
+<style lang="scss">
+  page {
+    background: #f3f5fa;
+  }
+</style>
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
deleted file mode 100644
index 8fb2be9..0000000
--- a/src/pages/index/index.vue
+++ /dev/null
@@ -1,56 +0,0 @@
-<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page；推荐使用json5，更强大，且允许注释 -->
-<route lang="json5" type="home">
-{
-  style: {
-    navigationStyle: 'custom',
-    navigationBarTitleText: '首页'
-  }
-}
-</route>
-<template>
-  <view
-    class="bg-white overflow-hidden pt-2 px-4"
-    :style="{ marginTop: safeAreaInsets?.top + 'px' }"
-  >
-    <view class="mt-12">
-      <image src="/static/logo.svg" alt="" class="w-28 h-28 block mx-auto" />
-    </view>
-    <view class="text-center text-4xl main-title-color mt-4">unibest</view>
-    <view class="text-center text-2xl mt-2 mb-8">最好用的 uniapp 开发模板</view>
-
-    <view class="text-justify max-w-100 m-auto text-4 indent mb-2">{{ description }}</view>
-    <view class="text-center mt-8">
-      当前平台是：
-      <text class="text-green-500">{{ PLATFORM.platform }}</text>
-    </view>
-    <view class="text-center mt-4">
-      模板分支是：
-      <text class="text-green-500">base</text>
-    </view>
-  </view>
-</template>
-
-<script lang="ts" setup>
-  import PLATFORM from '@/utils/platform'
-
-  defineOptions({
-    name: 'Home'
-  })
-
-  // 获取屏幕边界到安全区域距离
-  const { safeAreaInsets } = uni.getSystemInfoSync()
-  const author = ref('菲鸽')
-  const description = ref(
-    'unibest 是一个集成了多种工具和技术的 uniapp 开发模板，由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI + VSCode 构建，模板具有代码提示、自动格式化、统一配置、代码片段等功能，并内置了许多常用的基本组件和基本功能，让你编写 uniapp 拥有 best 体验。'
-  )
-  // 测试 uni API 自动引入
-  onLoad(() => {
-    console.log(author)
-  })
-</script>
-
-<style>
-  .main-title-color {
-    color: #d14328;
-  }
-</style>
diff --git a/src/pages/login/login.vue b/src/pages/login/login.vue
new file mode 100644
index 0000000..258d9ec
--- /dev/null
+++ b/src/pages/login/login.vue
@@ -0,0 +1,242 @@
+<route lang="json5">
+{
+  style: {
+    navigationStyle: 'custom',
+    disableScroll: true
+  }
+}
+</route>
+<template>
+  <view class="bg-white">
+    <TopNavigation v-if="systemInfo && systemInfo?.uniPlatform === 'app'"></TopNavigation>
+    <swiper
+      v-if="systemInfo"
+      :circular="true"
+      :current="index"
+      :disable-touch="true"
+      :style="{
+        height: 'calc(100vh - ' + (systemInfo.safeAreaInsets?.top + 48) + 'px)'
+      }"
+    >
+      <swiper-item v-for="item in 4" :key="item">
+        <view
+          :class="[systemInfo && systemInfo?.uniPlatform === 'app' ? 'pt-5' : 'pt-20']"
+          class="pos-relative"
+        >
+          <view class="text-6 ml-4 mt-2 custom-color-black font-bold">欢迎使用{{ appName }}</view>
+          <view class="text-3 ml-4 mt-2 mb-4 custom-color-grey">
+            未注册手机号验证号将创建{{ appName }}通行证
+          </view>
+          <view class="p-5">
+            <wd-input
+              v-model="phone"
+              :maxlength="11"
+              clearable
+              placeholder="请输入手机号码"
+              placeholderClass="text-4 custom-color-grey"
+              size="large"
+              type="number"
+              @change="phoneChange"
+            />
+            <wd-input
+              v-if="index % 2 === 1"
+              v-model="password"
+              :maxlength="20"
+              class="mt-6"
+              clearable
+              placeholder="请输入密码"
+              placeholderClass="text-4 custom-color-grey"
+              show-password
+              size="large"
+              @change="passwordChange"
+            />
+          </view>
+          <view v-if="index % 2 === 0" class="p-5">
+            <wd-button
+              :block="true"
+              :disabled="!phonePass"
+              :round="false"
+              size="large"
+              @click="codeLogin"
+            >
+              获取验证码
+            </wd-button>
+          </view>
+          <view v-else class="p-5">
+            <wd-button
+              @click="passwordLogin"
+              :block="true"
+              :disabled="!(passwordPass && phonePass)"
+              size="large"
+              :round="false"
+            >
+              登录
+            </wd-button>
+          </view>
+          <view
+            class="pt-2 pb-1 pl-5 pr-5 flex flex-items-center flex-justify-center custom-color-grey"
+          >
+            <view v-if="index % 2 === 0" @click="index = index + 1">密码登录</view>
+            <view v-if="index % 2 === 1" @click="index === 3 ? (index = 0) : (index = index + 1)">
+              验证码登录
+            </view>
+            <view v-if="index % 2 === 1" class="mx-4">|</view>
+            <view v-if="index % 2 === 1" @click="resetPassword">忘记密码</view>
+          </view>
+          <view class="pos-fixed bottom-1 pb-safe">
+            <view v-if="systemInfo" class="text-center text-3">
+              <view>{{ systemInfo?.uniPlatform === 'app' ? '第三方登录方式' : '扫码登录' }}</view>
+              <image
+                v-if="systemInfo?.uniPlatform === 'app'"
+                class="h-10 w-10 mt-2"
+                mode="aspectFit"
+                src="/static/images/icon_wechat.png"
+              ></image>
+              <image
+                v-if="systemInfo?.uniPlatform !== 'app'"
+                class="h-10 w-10 mt-2"
+                mode="aspectFit"
+                src="/static/images/icon_scan_code.png"
+              ></image>
+            </view>
+            <view class="flex p-5">
+              <view class="pt-0.8">
+                <wd-checkbox
+                  :modelValue="consentAgreement"
+                  class="flex-shrink-0"
+                  shape="circle"
+                  size="larger"
+                  @click="changeConsentAgreement"
+                ></wd-checkbox>
+              </view>
+              <view class="ml-1.5 text-3">
+                <text>
+                  登录后即同意
+                  <text class="custom-color-blue">《天翼账号认证服务条款》</text>
+                  和
+                  <text class="custom-color-blue">《{{ appName }}登录政策》</text>
+                  、
+                  <text class="custom-color-blue">《{{ appName }}服务协议》</text>
+                  、
+                  <text class="custom-color-blue">《{{ appName }}隐私政策》</text>
+                  并授权{{ appName }}获取本机号码及{{ appName }}通行证账号信息进行统一管理
+                </text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </swiper-item>
+    </swiper>
+  </view>
+  <Modal
+    ref="agreementModal"
+    :title="`欢迎使用${appName}`"
+    confirm-text="同意并继续"
+    @confirm="confirm"
+  >
+    <text>
+      登录后即同意
+      <text class="custom-color-blue">《天翼账号认证服务条款》</text>
+      和
+      <text class="custom-color-blue">《{{ appName }}登录政策》</text>
+      、
+      <text class="custom-color-blue">《{{ appName }}服务协议》</text>
+      、
+      <text class="custom-color-blue">《{{ appName }}隐私政策》</text>
+    </text>
+  </Modal>
+</template>
+
+<script lang="ts" setup>
+  import { useBasicStore } from '@/store'
+  import { passwordRegExp, phoneRegExp } from '@/constants/regular-expressions'
+
+  const $basic = useBasicStore()
+
+  const appName = import.meta.env.VITE_APP_TITLE
+
+  const phone = ref<string>('')
+  const password = ref<string>('')
+
+  const consentAgreement = ref<boolean>(false)
+
+  const index = ref<number>(0)
+
+  const systemInfo = ref<GetSystemInfoResult>(null)
+
+  const phonePass = computed(() => phoneRegExp.test(phone.value))
+
+  const passwordPass = computed(() => passwordRegExp.test(password.value))
+
+  const agreementModal = ref(null)
+
+  const type = ref('code')
+
+  onMounted(async () => {
+    systemInfo.value = await $basic.getSystemInfo()
+  })
+
+  const passwordLogin = () => {
+    if (!phonePass.value || !passwordPass.value) {
+      return
+    }
+    if (!consentAgreement.value) {
+      type.value = 'password'
+      agreementModal.value.showModal()
+      return
+    }
+    console.log('登录')
+  }
+
+  const codeLogin = () => {
+    if (!phonePass.value) {
+      return
+    }
+    if (!consentAgreement.value) {
+      type.value = 'code'
+      agreementModal.value.showModal()
+      return
+    }
+    uni.navigateTo({
+      url: `/pages/code/code?phone=${phone.value}&type=login`
+    })
+  }
+
+  const resetPassword = () => {
+    if (!consentAgreement.value) {
+      type.value = 'reset'
+      agreementModal.value.showModal()
+      return
+    }
+    let params = ''
+    if (phonePass.value) {
+      params = `?phone=${phone.value}`
+    }
+    uni.navigateTo({
+      url: `/pages/get-code/get-code${params}`
+    })
+  }
+
+  const confirm = () => {
+    consentAgreement.value = true
+    if (type.value === 'code') {
+      codeLogin()
+    } else if (type.value === 'password') {
+      passwordLogin()
+    } else if (type.value === 'reset') {
+      resetPassword()
+    }
+  }
+
+  const phoneChange = (value: string) => {
+    phone.value = value
+  }
+
+  const passwordChange = (value: string) => {
+    password.value = value
+  }
+
+  const changeConsentAgreement = () => {
+    consentAgreement.value = !consentAgreement.value
+  }
+</script>
diff --git a/src/pages/mine/mine.vue b/src/pages/mine/mine.vue
new file mode 100644
index 0000000..126a836
--- /dev/null
+++ b/src/pages/mine/mine.vue
@@ -0,0 +1,7 @@
+<template>
+  <view></view>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/notification/notification.vue b/src/pages/notification/notification.vue
new file mode 100644
index 0000000..126a836
--- /dev/null
+++ b/src/pages/notification/notification.vue
@@ -0,0 +1,7 @@
+<template>
+  <view></view>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/reset-password/reset-password.vue b/src/pages/reset-password/reset-password.vue
new file mode 100644
index 0000000..d07f1ac
--- /dev/null
+++ b/src/pages/reset-password/reset-password.vue
@@ -0,0 +1,74 @@
+<route lang="json5">
+{
+  style: {
+    navigationStyle: 'custom',
+    disableScroll: true
+  }
+}
+</route>
+<template>
+  <view>
+    <TopNavigation></TopNavigation>
+    <view class="text-6 ml-4 pt-7 custom-color-black font-bold">请输入手机号</view>
+    <view class="p-5">
+      <wd-input
+        v-model="password"
+        :maxlength="20"
+        class="mt-6"
+        clearable
+        placeholder="请输入新密码"
+        placeholderClass="text-4 custom-color-grey"
+        show-password
+        size="large"
+        @change="passwordChange"
+      />
+      <wd-input
+        v-model="confirmPassword"
+        :maxlength="20"
+        class="mt-6"
+        clearable
+        placeholder="再次输入新密码"
+        placeholderClass="text-4 custom-color-grey"
+        show-password
+        size="large"
+        @change="confirmPasswordChange"
+      />
+    </view>
+    <view class="bg-[#eeeff4] p-2 mx-5 rounded-2">
+      <view class="p-2">
+        <view class="text-3 color-[#525458]">密码为8-20位，至少含数字/字母/字符中的2种</view>
+      </view>
+    </view>
+    <view class="p-5">
+      <wd-button
+        :block="true"
+        :disabled="!(passwordPass && confirmPasswordPass && password === confirmPassword)"
+        :round="false"
+        size="large"
+        @click="codeLogin"
+      >
+        提交
+      </wd-button>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+  import { passwordRegExp } from '@/constants/regular-expressions'
+
+  const password = ref<string>('')
+  const confirmPassword = ref<string>('')
+
+  const passwordPass = computed(() => passwordRegExp.test(password.value))
+  const confirmPasswordPass = computed(() => password.value === confirmPassword.value)
+
+  const passwordChange = (value: string) => {
+    password.value = value
+  }
+
+  const confirmPasswordChange = (value: string) => {
+    confirmPassword.value = value
+  }
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/workbench/workbench.vue b/src/pages/workbench/workbench.vue
new file mode 100644
index 0000000..126a836
--- /dev/null
+++ b/src/pages/workbench/workbench.vue
@@ -0,0 +1,7 @@
+<template>
+  <view></view>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss"></style>
diff --git a/src/static/images/.gitkeep b/src/static/images/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/static/images/icon_back.png b/src/static/images/icon_back.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f3fb451aa9e9673be2e38b3c8f3498d6448864d
GIT binary patch
literal 316
zcmeAS@N?(olHy`uVBq!ia0vp^4Is?I3?vN&YJLDI{s5m4S0JsSW~QNGp{{DGu4ZO_
zYswy=5KBprUob<1!~UO)bC`hq8=fwXAsP4HUOUZuSV6$`;z2(~9gPEB8V4q7C``Cs
z@7t-m<V~&k599Lu*AWjGKij;oYyFgT-aCuU>zAmcLzQ!b6w3;y1}&BqjtybAudlh6
z^jquiPcO!cjN4Xw76_+)6=M%z_|t1&(3eqqAj6@h;Z?(CCcpY=76-Uwo;KcFAt#U^
z$)s~R`y=zYq}dM*ws}sOprIJkwc$YPgWHjQ5?&7$f3?3e*I*h@)Z$@6i}xI(?P^b$
z=Wcc5oG2uv8X{fxe=gV0mbEkY9q@{0by?x&CC%{F<oxHpJL0#ZE(yIaUO5ZsM+Q$<
KKbLh*2~7aN`g?2u

literal 0
HcmV?d00001

diff --git a/src/static/images/icon_nav_close.png b/src/static/images/icon_nav_close.png
new file mode 100644
index 0000000000000000000000000000000000000000..dacd20138b06216962bc1204ed8f04fa02cc75e4
GIT binary patch
literal 2202
zcmV;L2xa$)P)<h;3K|Lk000e1NJLTq004jh004jp1^@s6!#-il00001b5ch_0Itp)
z=>Px-R7pfZRCr$Pon4mOHVlQSJU5MZlw@VetgMqAIZ2=6mWnmyQElM@1VB)vU*Z!>
z{K5Tr0ZJNsN%J*y1eT#^KPR6i0E0s?0hj;`9)ZE9KOJBKFn9z8pZ;`!3BceH7<~HE
z0VV*0M_};jPY0L)oHqi0TrQvT?B1pH>2^yWcQai-D_*bL`(;Vrw)ekMdj0!)ef#We
z(K?L-Y+^6B^d+UV7gt5MWl1l&p&!@lSCs|>G}1KyS@gT$Ig}=%A8B+3Ai4vfwdl`)
z$T0Ni4BY@w2=BhqIZoZ1D})E27vcAi^a4Uy0D2Yvky}Jg4<P|~|KakNVNv&RyH{)z
zO;Su$2tony=jHPC_In#w`&vc5-M4M|J$El(UPD;h(ivBZ20|DB6juG~COB7Yl(q~-
zaZyR^6p<ik4!}LvXUmto%tb#MRCcTycZdK&QvfO~e-++prAtVZ&ZRX3%>WPvES&Hq
zEJcc7)iEt0XaayB--i}{?-;_=@cQ%n^|Qo%YR+*7fGK`g!ao9mxqEPjz!d<F_$_U*
zW<@<ZmznNdA#ej=RPi?;qC(&T07v}Wl0HYO?ls*YA_V3DFecq~zDGgf+~e>_gQfs*
z#BWgnqoP?HhsMSl0y6-jOwd9+tv1mZS*ArZ0N#JN+^9fV(@pgs;d8V;`uY88qLoRb
zAla_lod{w-8v_V|Nxakn0L9O@YEN73b74boh*>zMIsnu9x$^%$9)&<V6{rG$tbPlM
zWg(Au781XIpOjKf1!@2wgP-El&>?ZuOrL51Al9#KUvxP8JOU^R)m%UY0EF7P`f(VM
zdO*tsTmYEj<Kk~edbvO~0G_M=-dFxB-}Qma2w?56?Q4z6%LU8<&<e;i(6rj;uhEna
z;8)4f9xhM~09E{H<*K88T0lTKpT@jBT%Za7DhOJ_Ac4^83vmK!-nk780CGFlE>Hyk
zwfZ%;eN<mwH31^NCIA5ZRp~|y02K)B6-o8Ctz7MXOGiM*pnbKDa)BDR=>`DM4p+S_
zAYh2EX8#*}mM$O$fU;yw`!81^wHhp(pr!cWjUsUxumV6lAfyQMgrK$f=!GF^8V~_M
z1;xUG_h5KHK+UrplT-i%c*F&y{hI(F9Sj-_bXC-(gGk~d07wf@5df|7|06&woPZ&|
z>!a+{TqSjvIshK_Z<!7_;(I^J9s&SrOVR=Wtu10?@sTtjNxf_bpn@bB1UL6TJDyr0
zM>PR8ucA-W9nMiKsKqCV{iy(uIzbQOBMu;OUv&T^g@~2|NOlML9Pn@Wo2~rag|MSP
zxM7cx4FF}c5dh#g0SF&Euwc9F!-yRidz{(;um`}70OJG-R<Nm_=ENTBsR2-M0(L+_
zsKkd6P_xG?0pMv4k`y80NH9(mIsrSFj3J2+rRKs-!9xHbaDtHH=Xp>&mI=U<wM7N4
zJT0n|g$F=-LqhC_;E5dZk1iI0-I*Rn&Ben3j=su0oOMzGJ5np66GSKiy8)m^{HRV4
z9e~8OAS=Jr5I-UW(Jusr0DvL>_Uj?!cmGF82ikui!`=o`!Ij*R(sTi8d_`Yx^$NAO
zj^YH=-9QPXYyhZ1v;+VZ^3iSuJy#NBEx@VROU8B@08jyswyJ0wl0a)fK)IV_@v#B8
zUsY4RC0QFBR5;{11=>~%2q*v~1$g%Wpn@UdZy=&=dP89GFs>AU!{7CjSdqj9P@y>D
zM}@#5|L3`i0H6lr0f43W5h0-LU+P9C07zCG#{p3Br9mmj;@Q_x45)EP^1s*tklU+P
zE<gpsV$a^9&piwl`M)~=S_;v!Z!7z+0)VOmw9^0;1dEmbU=>0?YORra%D$<&*Yqc<
z0nj2zGYwD{xYE3&mmk;b`g5*UFVqP<=Pu3vRStmE0a`8qxQ&bWDERp}EdVT6e>DJz
zFdBiN`tex#+;reE?>wfO)n5&Orwcr@-WK8`PEadM?!$WZs{lZ)PD?v%DgF@z8snnG
z*Q$A{ia=x~+>cRxRxm>s>Bl9rSX(T9rSz&XHVOa@$W$C4H{$66R@Hr^b}8|-R=*km
zp0z+Ep{&M&Y<V?m3{?OS7tpdTtH4KS*K_r&0sy*z>wZ0gpqw#yi?0sA9Rl(fLpAou
zoWS;QEF!+fzJDJJm0dvDC_0e|!GBRh(x+zOSL&q>0GbN4E)(~#x~VZD_ZO_{CldhB
zR4^f+ul8;5XjT2@DPZfMrL9pbF3RU<y0lvTCPkp69<ZEX6tVZ?Ky2SC@0-^E5(siS
zxGm{L<1%Vg(et?WKQnhUR*!{YRs)n1LuvOQz9k%JTD*@@_5R7TdAk6>*cq(j^dR3G
z1T^1!if>*6Nb}y=Ac!iyI{;iK=p6)3zV}}F+v0Rf0n(aagCPHF{lKSIS`Y}IyLQR>
z`#ClNAP<6Ri*L1o)&mz>Vwdd*g>PE(Gy^~iLBzBm6+XgTngUP*LF?3zMPJ8oOJBC1
zv*)@>gd1Yb0oZ~jNeR1vzb;GqW|<;1L~m8>J%ck00JU!Lzv5;|FZutZKx|?ct31CY
zzfFvCfoRt_LII%Y21h!qUk#VtVms(|OCO69szrX%d6O!i1d=+S)#vw=kcF`l#A|Ay
z?{S25fKr+5nS1beeY`|P`Ux%kHi7T}lxZQq?*N1@gzpZ3y(<I*VXZ5Ayq(>R13dEF
z#_6G3(aTtN4Zt1>2Ow5^&;6d|!Ie`1um>XV<=+*%2x7apeRKHQ%yv=fOkzKB(NhC}
zl<K1&GXWT!fC<0^VDJbGKK<zc6M(@ZF!=PR155x0kHFy5pAIkq7(4=lPk%bV1Yqz8
c3_ksT02q{u+lG*yUjP6A07*qoM6N<$f*``y5&!@I

literal 0
HcmV?d00001

diff --git a/src/static/images/icon_nav_more.png b/src/static/images/icon_nav_more.png
new file mode 100644
index 0000000000000000000000000000000000000000..b70c06ee721eaa5b2bf4fc3b04dd1f5327625460
GIT binary patch
literal 1364
zcmdUv>o?nX0EfT7h)57Zlu&wdYK-1E2(yY4cV?)|<|rejsrwK`BtfdGtZrSYx`kPB
zW<|5fNn4?D-4vmVin`aOL{WEj$;|$VowFC8=Xv+M{A6EocS6f+$pZk;F3$E|CuaRS
zB;tgf*4O$@1jTzf*@8x)wgdoKB^P@eA6npQ`D9|5F(#uX&;lJZJl|Vt<yT=rEe#Ym
z7{sb6B2eLG)|cBP9yv*gyW<W9<d54Xt1OF()*q8#f-m4O62K)1Xa}VLCU_>(BND?g
zphw4;-KNh1#%rvNZ2|;m#mVK=HKFhz=Q7zU#SK8@3206d2}6Q8C7eeP_CHQ+YJVC_
z@R++FRL(e<n+QMJ`?!^Sz?iBN6C>OXTbGr-Ux=6{LXM)NZfUI0tvl#^(cT*2Xhpn#
z<i#r=uRPPN{Gzjr*Ida@ih-5_ym_Zq)0`fsxbpfom{^t?#3P46w$Lh3@nUn@hZn_t
z$2a=uvbf!)Hk80qC4Pb7K%r>s_*AV|epYq!ZdKTzFGQoQq^{wLd%5+|@2?zHwSM|A
zI~hM9vX#u{BPKSPDy*yB)4EH}Zz42tk@d2%(Syf?Ey<kph)F0~JcclT-MtWfeLz^r
z@S&^X1v=Dc=`$iYkT+Cn?+i(@G$E?yf45TGHMlfAHMWHU%>}QYs7?+$A6`Qic%RQS
z-DSeSgbjyn=V*Q|wdvS^kLG%?_kfuib<}ydltST$cJ|FCE0aR7w=*v2`sWUD<4S)+
zgrNmX`$#~AxJ#lx4wK`3sj2u|*>8PK(H_qq<hI8Tl7rXw3&~W9n^9&jf$lCt61D+5
z4Ow09It^FR9TDquN%g#Yu%x<Nq6Z%Oy1FQ|GZ3s_BpvXuHV`mg%jeeXFIUe?!C5dd
z2@{w>USgvt;Iq$-c}0j5!pSgvf>Qw!upP(|8YotddW-dZDuhckHXJe9qif<yg}>kQ
zTE^+U?Qm~nqUD~_++|4-8XQnSU)HKK?tJ6>@>D<hdSkX?MWM{42a80|klRn-aPL2#
zF`-#U<i{Yxsg|^^t`WyG5KoWKS;T^dT7f6lUo%;4;^BG^+oILbEOg;z;?BJQpCW_5
zAIZ^O8I96qeZ}ER-?(7gCkwY-e<h9+E)s+I3U%g1HTRTPYDL{GVl59j?k01`{K?hy
zukxfdYv-f^WVN4Zi-SAjO{@LaPyL)yjJ9*g+%-SgPmfEu`XgF`cZceER+`#&Ed);D
zWR~Tl5(QZE`kj_~y11!9C4KQ-XbFC0m#G0be>#t9VWhm<@Xd}&g0PsO{_WOYhIi+X
zpGAUcilx0(wjAyU23wJoxBq3P7=i@;r?X5Tz$vlF0y7P0`x3w!?LTb~)<+Q4UjtIq
zd-PdAi<I%y2YB->gbLtuZy8_#rY!k35=@Pe3Q-_yfNui_G12%}aL{#Q3J+uP%rO)g
g2sVwu{QvT4(8dteN4+O1<m4uSi-Ws;qb)i8AJFhsDgXcg

literal 0
HcmV?d00001

diff --git a/src/static/images/icon_scan_code.png b/src/static/images/icon_scan_code.png
new file mode 100644
index 0000000000000000000000000000000000000000..f48d932c2fba285cdfbbcecb1d839b3dcb88db39
GIT binary patch
literal 1560
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
KMNUMnLSTYU9izJd

literal 0
HcmV?d00001

diff --git a/src/static/images/icon_wechat.png b/src/static/images/icon_wechat.png
new file mode 100644
index 0000000000000000000000000000000000000000..144dd1c19ee8ae81a999373a3866ba387765d285
GIT binary patch
literal 2265
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

literal 0
HcmV?d00001

diff --git a/src/static/logo.png b/src/static/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5771e209bb677e2ebd5ff766ad5ee11790f305a
GIT binary patch
literal 4023
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
SYs}WS&%*SCNx89m_<sQGK?UOg

literal 0
HcmV?d00001

diff --git a/src/store/basic.ts b/src/store/basic.ts
new file mode 100644
index 0000000..55273b9
--- /dev/null
+++ b/src/store/basic.ts
@@ -0,0 +1,22 @@
+import { defineStore } from 'pinia'
+import GetSystemInfoResult = UniNamespace.GetSystemInfoResult
+
+export const useBasicStore = defineStore('basic', () => {
+  // 系统信息
+  let systemInfo: GetSystemInfoResult = uni.getSystemInfoSync()
+  // 获取系统信息
+  const getSystemInfo = (): Promise<GetSystemInfoResult> => {
+    return new Promise(resolve => {
+      if (systemInfo.uniPlatform) {
+        resolve(systemInfo)
+      } else {
+        systemInfo = uni.getSystemInfoSync()
+        resolve(systemInfo)
+      }
+    })
+  }
+
+  return {
+    getSystemInfo
+  }
+})
diff --git a/src/store/index.ts b/src/store/index.ts
index 964ce63..37cdae4 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -15,3 +15,4 @@ export default store
 
 // 模块统一导出
 export * from './user'
+export * from './basic'
diff --git a/src/types/auto-import.d.ts b/src/types/auto-import.d.ts
index 117a03d..5dedc7d 100644
--- a/src/types/auto-import.d.ts
+++ b/src/types/auto-import.d.ts
@@ -79,12 +79,10 @@ declare global {
   const useCssVars: typeof import('vue')['useCssVars']
   const useId: typeof import('vue')['useId']
   const useModel: typeof import('vue')['useModel']
-  const useNavbarWeixin: (typeof import('../hooks/useNavbarWeixin'))['default']
   const useRequest: typeof import('../hooks/useRequest')['default']
   const useSlots: typeof import('vue')['useSlots']
   const useTemplateRef: typeof import('vue')['useTemplateRef']
   const useUpload: typeof import('../hooks/useUpload')['default']
-  const useUpload2: typeof import('../hooks/useUpload2')['default']
   const watch: typeof import('vue')['watch']
   const watchEffect: typeof import('vue')['watchEffect']
   const watchPostEffect: typeof import('vue')['watchPostEffect']
diff --git a/src/types/uni-pages.d.ts b/src/types/uni-pages.d.ts
index b87aa55..2397e12 100644
--- a/src/types/uni-pages.d.ts
+++ b/src/types/uni-pages.d.ts
@@ -4,8 +4,15 @@
 // Generated by vite-plugin-uni-pages
 
 interface NavigateToOptions {
-  url: "/pages/index/index" |
-       "/pages/about/about";
+  url: "/pages/home/home" |
+       "/pages/code/code" |
+       "/pages/get-code/get-code" |
+       "/pages/home/CustomTab" |
+       "/pages/login/login" |
+       "/pages/mine/mine" |
+       "/pages/notification/notification" |
+       "/pages/reset-password/reset-password" |
+       "/pages/workbench/workbench";
 }
 interface RedirectToOptions extends NavigateToOptions {}
 
diff --git a/src/typings.ts b/src/typings.ts
index d564304..8052235 100644
--- a/src/typings.ts
+++ b/src/typings.ts
@@ -1,8 +1,8 @@
 // 全局要用的类型放到这里
 
 type IResData<T> = {
-  code: number
-  msg: string
+  errorCode: number
+  errorMsg: string
   data: T
 }
 
@@ -18,12 +18,24 @@ type IUniUploadFileOptions = {
 type IUserInfo = {
   nickname?: string
   avatar?: string
-  /** 微信的 openid，非微信没有这个字段 */
   openid?: string
   token?: string
 }
 
-enum TestEnum {
-  A = 'a',
-  B = 'b'
+type TabBarItem = {
+  icon: string
+  title: string
+  isDot?: boolean
+  value?: number
+}
+
+type HomeTabItem = {
+  icon: string
+  title: string
+  id: number
+}
+
+type HomeTab = {
+  title: string
+  list: HomeTabItem[]
 }
diff --git a/src/uni_modules/.gitkeep b/src/uni_modules/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/src/utils/http.ts b/src/utils/http.ts
index dd422eb..8cb75a9 100644
--- a/src/utils/http.ts
+++ b/src/utils/http.ts
@@ -13,20 +13,20 @@ export const http = <T>(options: CustomRequestOptions) => {
       success(res) {
         // 状态码 2xx，参考 axios 的设计
         if (res.statusCode >= 200 && res.statusCode < 300) {
-          // 2.1 提取核心数据 res.data
-          resolve(res.data as IResData<T>)
-        } else if (res.statusCode === 401) {
-          // 401错误  -> 清理用户信息，跳转到登录页
-          // userStore.clearUserInfo()
-          // uni.navigateTo({ url: '/pages/login/login' })
-          reject(res)
+          if (res.data.errorCode === 403) {
+            // 401错误  -> 清理用户信息，跳转到登录页
+            // userStore.clearUserInfo()
+            // uni.navigateTo({ url: '/pages/login/login' })
+            reject(res)
+          } else {
+            resolve(res.data as IResData<T>)
+          }
         } else {
           // 其他错误 -> 根据后端错误信息轻提示
-          !options.hideErrorToast &&
-            uni.showToast({
-              icon: 'none',
-              title: (res.data as IResData<T>).msg || '请求错误'
-            })
+          uni.showToast({
+            icon: 'none',
+            title: '网络错误，请重试'
+          })
           reject(res)
         }
       },
@@ -34,7 +34,7 @@ export const http = <T>(options: CustomRequestOptions) => {
       fail(err) {
         uni.showToast({
           icon: 'none',
-          title: '网络错误，换个网络试试'
+          title: '网络错误，请重试'
         })
         reject(err)
       }
diff --git a/src/utils/platform.ts b/src/utils/platform.ts
index 5c345ad..84e4e70 100644
--- a/src/utils/platform.ts
+++ b/src/utils/platform.ts
@@ -1,9 +1,3 @@
-/*
- * @Author: 菲鸽
- * @Date: 2024-03-28 19:13:55
- * @Last Modified by: 菲鸽
- * @Last Modified time: 2024-03-28 19:24:55
- */
 export const platform = __UNI_PLATFORM__
 export const isH5 = __UNI_PLATFORM__ === 'h5'
 export const isApp = __UNI_PLATFORM__ === 'app'