diff --git a/.env b/.env
deleted file mode 100644
index 20ee9a9..0000000
--- a/.env
+++ /dev/null
@@ -1,2 +0,0 @@
-# title
-VITE_APP_TITLE = Uni-app Vue3 Ts --Vite
diff --git a/.env.development b/.env.development
deleted file mode 100644
index a1198d3..0000000
--- a/.env.development
+++ /dev/null
@@ -1,14 +0,0 @@
-# 运行环境
-VITE_ENV = development
-
-# 是否使用模拟数据
-VITE_USE_MOCK = true
-
-VITE_PORT = 3000
-
-# BASE_URL
-VITE_BASE_URL = /api/v1
-
-# 上传域名
-VITE_UPLOAD_URL = /upload
-
diff --git a/.env.production b/.env.production
deleted file mode 100644
index a170745..0000000
--- a/.env.production
+++ /dev/null
@@ -1,12 +0,0 @@
-# 运行环境
-VITE_ENV = production
-
-# 是否使用模拟数据
-VITE_USE_MOCK = true
-
-# api域名
-VITE_BASE_URL = /api/v1
-
-
-# 上传域名
-VITE_UPLOAD_URL = /upload
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
deleted file mode 100644
index 53c7743..0000000
--- a/.eslintrc.cjs
+++ /dev/null
@@ -1,77 +0,0 @@
-// 参考：https://eslint.bootcss.com/docs/rules/
-// 参考：https://blog.csdn.net/x550392236/article/details/89497202
-// 参考：https://blog.csdn.net/brokenkay/article/details/111106266
-
-module.exports = {
-    root: true,
-    /**环境提供预定义的全局变量 */
-    env: {
-        /**Node.js全局变量和Node.js范围 */
-        node: true,
-        /**浏览器全局变量 */
-        browser: true,
-    },
-    /**定义ESLint的解析器 */
-    parser: 'vue-eslint-parser',
-    parserOptions: {
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-        parser: '@typescript-eslint/parser',
-    },
-    /**定义文件继承的子规范 */
-    extends: ['eslint:recommended', 'plugin:vue/vue3-essential', 'plugin:@typescript-eslint/recommended','./.eslintrc-auto-import.json'],
-    plugins: ['vue', '@typescript-eslint'],
-    rules: {
-        'no-var': 'error', //要求使用 let 或 const 而不是 var
-        camelcase: 'error', // 双峰驼命名格式
-        indent: ['error', 4, { SwitchCase: 1 }], //代码缩进2个空格
-        semi: ['error', 'always'], //行尾需要有分号
-        quotes: ['error', 'single'], //强制使用一致的反勾号、双引号或单引号
-        'linebreak-style': ['error', 'windows'], //强制使用一致的换行风格,"unix"：\n 表示 LF , "windows"：\r\n 表示 CRLF
-        eqeqeq: ['error', 'always', { null: 'ignore' }], //比较时强制使用 === 或者 !==,但对null作比较时可以不用全等
-        'no-unused-vars': 'off',
-        '@typescript-eslint/no-unused-vars': [
-            'warn',
-            {
-                argsIgnorePattern: '^_',
-                varsIgnorePattern: '^_',
-            },
-        ], //不允许使用未使用的变量
-        '@typescript-eslint/no-explicit-any': 'off', //不允许任何类型
-        '@typescript-eslint/no-empty-function': 'off', //不允许空函数
-        'vue/html-indent': ['error', 4], //在<template>中强制一致缩进
-        'vue/singleline-html-element-content-newline': 'off', //要求在单行元素的内容之前和之后有一个换行符
-        'vue/max-attributes-per-line': 'off', //执行每行的最大属性数(被 prettier 最大单行控制了暂off)
-        'vue/multi-word-component-names': 'off', //要求组件名称始终为多字
-        'vue/html-self-closing': 'off', //执行自我封闭式
-        'no-undef': 'off', //禁用未声明的变量，除非它们在 /*global */ 注释中被提到
-        '@typescript-eslint/ban-ts-comment': 'off', // 不允许@ts-<指令>评论或要求指令后的描述
-        '@typescript-eslint/ban-types': 'off', // 不允许某些类型
-        '@typescript-eslint/no-non-null-assertion': 'off', // 不允许使用！后缀操作符的非空断言
-    },
-    globals: {
-        //可以定义全局中的变量的权限（只读，可读可写）
-        defineProps: 'readonly',
-        defineEmits: 'readonly',
-        defineExpose: 'readonly',
-        withDefaults: 'readonly',
-        uni: 'readonly',
-    },
-    ignorePatterns: [
-        // # 忽略目录
-        '/dist',
-        '/public',
-        '/src/public',
-        '/src/static',
-        '/node_modules',
-        // # 忽略文件
-        '**/*-min.js',
-        '**/*.min.js',
-        '**/*-min.css',
-        '**/*.min.css',
-        '**/*.tsbuildinfo',
-        '**/*.config.js',
-        '**/*.config.ts',
-        '/src/manifest.json',
-    ],
-};
diff --git a/.husky/commit-msg b/.husky/commit-msg
deleted file mode 100644
index 10cb551..0000000
--- a/.husky/commit-msg
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-pnpm commitlint --edit "$1"
diff --git a/.husky/lintstagedrc.cjs b/.husky/lintstagedrc.cjs
deleted file mode 100644
index b1cec8e..0000000
--- a/.husky/lintstagedrc.cjs
+++ /dev/null
@@ -1,9 +0,0 @@
-module.exports = {
-    '*.{js,jsx,ts,tsx}': ['eslint --fix', 'prettier --write'],
-    '{!(package)*.json,*.code-snippets,.!(browserslist)*rc}': ['prettier --write--parser json'],
-    'package.json': ['prettier --write'],
-    '*.vue': ['prettier --write'],
-    '*.{scss,less,styl,css,html}': ['prettier --write'],
-    '*.md': ['prettier --write'],
-    '*.hbs': ['prettier --write'],
-};
diff --git a/.husky/pre-commit b/.husky/pre-commit
deleted file mode 100644
index 29b6b29..0000000
--- a/.husky/pre-commit
+++ /dev/null
@@ -1,7 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-[ -n "$CI" ] && exit 0
-
-# 根据./lintsstagedrc.cjs配置格式化并提交代码
-npm run lint:lint-staged
diff --git a/.npmrc b/.npmrc
index 27986cb..152f324 100644
--- a/.npmrc
+++ b/.npmrc
@@ -2,4 +2,5 @@
 # 提示:如果你不希望pnpm在对等依赖问题上失败，在项目根目录下的.npmrc文件中添加"strict-peer-dependencies=false"。
 # auto-install-peers=true
 strict-peer-dependencies=false
-registry=https://registry.npmmirror.com
\ No newline at end of file
+# registry=https://registry.npmmirror.com
+registry=https://registry.npmjs.org
diff --git a/.prettierignore b/.prettierignore
deleted file mode 100644
index 98c4b0f..0000000
--- a/.prettierignore
+++ /dev/null
@@ -1,16 +0,0 @@
-# 忽略目录
-/dist
-/build
-/public
-/node_modules
-/src/static
-
-# 忽略文件
-**/*-min.js
-**/*.min.js
-**/*-min.css
-**/*.min.css
-**/*.tsbuildinfo
-/src/manifest.json
-.eslintcache
-pnpm-lock.yaml
\ No newline at end of file
diff --git a/.prettierrc.cjs b/.prettierrc.cjs
deleted file mode 100644
index 9dc4181..0000000
--- a/.prettierrc.cjs
+++ /dev/null
@@ -1,17 +0,0 @@
-//////////////////////////////////////////////////////////////////
-// 官网参考：https://prettier.io/docs/en/options.html#tab-width //
-////////////////////////////////////////////////////////////////
-module.exports = {
-    /**.pellerrc 的架构 */
-    $schema: 'https://json.schemastore.org/prettierrc',
-    /**在所有代码语句的末尾添加分号 */
-    semi: true,
-    /**使用 4 个空格缩进 */
-    tabWidth: 4,
-    /**每行最多 160 字符 */
-    printWidth: 160,
-    /**指定文件的结尾换行符 */
-    endOfLine: 'auto',
-    /**使用单引号代替双引号 */
-    singleQuote: true,
-};
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index 56109f9..ad1ba07 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -3,10 +3,10 @@
 /////////////////////////////////
 
 {
-    "recommendations": [
-        "Vue.volar", // Vue语言支持扩展
-        "Vue.vscode-typescript-vue-plugin", // 一个TS服务器插件，使TS服务器知道*.vue文件。
-        "esbenp.prettier-vscode", // 代码格式化
-        "dbaeumer.vscode-eslint" //代码质量检查
-    ]
+  "recommendations": [
+    "Vue.volar", // Vue语言支持扩展
+    "Vue.vscode-typescript-vue-plugin", // 一个TS服务器插件，使TS服务器知道*.vue文件。
+    "esbenp.prettier-vscode", // 代码格式化
+    "dbaeumer.vscode-eslint" // 代码质量检查
+  ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
index f08f0ba..57425c6 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -4,26 +4,70 @@
 //////////////////////////////////////////////////////////////////////////
 
 {
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
-    "editor.formatOnSave": true,
-    "editor.detectIndentation": false,
-    "editor.tabSize": 4,
-    "editor.codeActionsOnSave": {
-        "source.fixAll": true,
-        "source.fixAll.eslint": true,
-        "source.fixAll.stylelint": true
-    },
-    "files.eol": "auto",
-    "eslint.enable": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.detectIndentation": false,
+  "editor.tabSize": 4,
+  "files.eol": "auto",
+  "eslint.enable": true,
 
-    //////////////////////////////////////////////////////////////////
-    // 官网参考：https://prettier.io/docs/en/options.html#tab-width //
-    ////////////////////////////////////////////////////////////////
-    "prettier.enable": true,
-    "prettier.semi": true,
-    "prettier.tabWidth": 4,
-    "prettier.printWidth": 160,
-    "prettier.endOfLine": "auto",
-    "prettier.singleQuote": true,
-    "prettier.ignorePath": ".prettierignore"
+  //////////////////////////////////////////////////////////////////
+  // 官网参考：https://prettier.io/docs/en/options.html#tab-width //
+  ////////////////////////////////////////////////////////////////
+  "prettier.semi": true,
+  "prettier.tabWidth": 4,
+  "prettier.printWidth": 160,
+  "prettier.endOfLine": "auto",
+  "prettier.singleQuote": true,
+  "prettier.ignorePath": ".prettierignore",
+  // Enable the ESlint flat config support
+  // (remove this if your ESLint extension above v3.0.5)
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "format/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ]
 }
diff --git a/README.md b/README.md
index b8203e6..ad94989 100644
--- a/README.md
+++ b/README.md
@@ -35,30 +35,30 @@
 
 ## 简介
 
--   **uni-app Vue3 Vite4 pinia2 TypeScript 基础框架**
--   cli 创建的 Vue3/Vite 项目 与 使用 HBuilderX 导入插件 的包有差异,请直接访问 [开源地址](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template)
--   访问[uniapp 插件](https://ext.dcloud.net.cn/plugin?id=8559)
--   如有问题请加群【[872378674](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=T3PX4_sWeMXeFGWF6EZJLXABSNyStYR0&authKey=EYXATTrGpmyowFxk9xtX6T7FIRbOF7brLd9uODxl%2B6jIbGfWQGW869V1hkPSlGYT&noverify=0&group_code=872378674)】交流
+- **uni-app Vue3 Vite4 pinia2 TypeScript 基础框架**
+- cli 创建的 Vue3/Vite 项目 与 使用 HBuilderX 导入插件 的包有差异,请直接访问 [开源地址](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template)
+- 访问[uniapp 插件](https://ext.dcloud.net.cn/plugin?id=8559)
+- 如有问题请加群【[872378674](http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=T3PX4_sWeMXeFGWF6EZJLXABSNyStYR0&authKey=EYXATTrGpmyowFxk9xtX6T7FIRbOF7brLd9uODxl%2B6jIbGfWQGW869V1hkPSlGYT&noverify=0&group_code=872378674)】交流
 
 ### 说明
 
--   框架完全基于 Vue3 SFC `<script setup>` 写法,不支持 Vue2;
--   可用于学习与交流;
--   目前测试 H5、微信小程序,APP(Android),支付宝小程序通过;
--   其他平台暂未测试,后续会增加;
--   如发现问题或建议可在评论区留言, 或提[Issues](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/issues)及[PR](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/pulls),会及时处理;
--   如有需求亦可在评论区留言,或在此项目基础上增加;
--   [代码规范 & 详细解释 husky、prettier、eslint、lint-staged 的作用和使用](https://blog.csdn.net/cookcyq__/article/details/125457031)
+- 框架完全基于 Vue3 SFC `<script setup>` 写法,不支持 Vue2;
+- 可用于学习与交流;
+- 目前测试 H5、微信小程序,APP(Android),支付宝小程序通过;
+- 其他平台暂未测试,后续会增加;
+- 如发现问题或建议可在评论区留言, 或提[Issues](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/issues)及[PR](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/pulls),会及时处理;
+- 如有需求亦可在评论区留言,或在此项目基础上增加;
+- [代码规范 & 详细解释 husky、prettier、eslint、lint-staged 的作用和使用](https://blog.csdn.net/cookcyq__/article/details/125457031)
 
 ## 特性
 
--   **最新技术栈**：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发;
--   **[Unocss](https://github.com/unocss/unocss)**: 原子化 CSS, [iconify](https://github.com/iconify/iconify)图标
--   **Eslint/Prettier**: 规范代码格式,统一编码;
--   **路由拦截**: [uni-mini-router](https://gitee.com/fant-mini/uni-mini-router),类似Vue Router的API和功能,在uni-app中进行路由跳转、传参、拦截等常用操作;
--   **请求拦截**: 使用[alova 请求](https://github.com/alovajs/alova),支持请求和响应拦截等;
--   **Mock 数据**: 配合 alova 请求的[@alova/mock](https://github.com/alovajs/mock)，模拟 api 请求(App 不支持);
--   **缓存加密**: 支持 AES 加密缓存,可设置区分在开发或生成环境中是否加密;
+- **最新技术栈**：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发;
+- **[Unocss](https://github.com/unocss/unocss)**: 原子化 CSS, [iconify](https://github.com/iconify/iconify)图标
+- **Eslint/Prettier**: 规范代码格式,统一编码;
+- **路由拦截**: [uni-mini-router](https://gitee.com/fant-mini/uni-mini-router),类似Vue Router的API和功能,在uni-app中进行路由跳转、传参、拦截等常用操作;
+- **请求拦截**: 使用[alova 请求](https://github.com/alovajs/alova),支持请求和响应拦截等;
+- **Mock 数据**: 配合 alova 请求的[@alova/mock](https://github.com/alovajs/mock)，模拟 api 请求(App 不支持);
+- **缓存加密**: 支持 AES 加密缓存,可设置区分在开发或生成环境中是否加密;
 
 ## 目录结构
 
@@ -138,40 +138,38 @@
 ```
 
 ## 预览
+
 - 域名到期，暂时已不能预览
 
-[//]: # (-   H5)
-
-[//]: # (    ![h5]&#40;https://api-catch.ranesuangyu.top/images/20220621/364f2b47d91ae5ae82a33d33854e2540.png&#41;)
-
-[//]: # (-   小程序&#40;体验版-需申请体验&#41;)
-
-[//]: # ()
-[//]: # (    ![小程序]&#40;http://api-catch.ranesuangyu.top/images/20220621/8d4388315ef5b8630d0c0b3963d1ba6b.jpg&#41;)
+[//]: # '-   H5'
+[//]: # '    ![h5](https://api-catch.ranesuangyu.top/images/20220621/364f2b47d91ae5ae82a33d33854e2540.png)'
+[//]: # '-   小程序(体验版-需申请体验)'
+[//]: #
+[//]: # '    ![小程序](http://api-catch.ranesuangyu.top/images/20220621/8d4388315ef5b8630d0c0b3963d1ba6b.jpg)'
 
 ## 安装使用
 
--   安装依赖
+- 安装依赖
 
 ```bash
 pnpm install
 ```
 
--   运行
+- 运行
 
 ```bash
 # 其他端请查看 package.json script
 pnpm dev:h5
 ```
 
--   打包
+- 打包
 
 ```bash
 # 其他端请查看 package.json script
 pnpm build:h5
 ```
 
--   更新依赖到最新（新手请忽略）
+- 更新依赖到最新（新手请忽略）
 
 ```bash
 pnpm up
@@ -234,4 +232,4 @@ npx @dcloudio/uvm 3.7.2.20230217-alpha
 14. review：复习，回顾
 15. strengthen: 加强，巩固
 
-## 
+##
diff --git a/commitlint.config.cjs b/commitlint.config.cjs
deleted file mode 100644
index 13f4e39..0000000
--- a/commitlint.config.cjs
+++ /dev/null
@@ -1,37 +0,0 @@
-// https://github.com/conventional-changelog/commitlint/#what-is-commitlint
-
-// 例：feat: 增加功能
-
-module.exports = {
-    extends: ['@commitlint/config-conventional'],
-    rules: {
-        'type-enum': [
-            2,
-            'always',
-            [
-                'feat', // 新功能(feature)
-                'fix', // 修补bug
-                'docs', // 文档(documentation)
-                'style', // 格式、样式(不影响代码运行的变动)
-                'refactor', // 代码重构
-                'perf', // 性能改进
-                'test', // 添加测试
-                'ci', // 持续集成
-                'chore', // 构建过程或辅助工具的变动
-                'revert', // 回滚到上一个版本
-                'workflow', // 工作流改进
-                'mod', // 不确定分类的修改
-                'wip', // 开发中
-                'types', // 类型修改
-                'release', // 版本发布
-                'resolve a conflict', // 解决冲突
-                'merge branch', // 合并分支
-                'dependencies', // 依赖项修改
-                'devDependencies', // 开发依赖修改
-                'strengthen', // 加强，巩固
-            ],
-        ],
-        'subject-full-stop': [0, 'never'],
-        'subject-case': [0, 'never'],
-    },
-};
diff --git a/env/.env b/env/.env
new file mode 100644
index 0000000..f393d7f
--- /dev/null
+++ b/env/.env
@@ -0,0 +1,2 @@
+# title
+VITE_APP_TITLE='Uni-app Vue3 Ts --Vite'
diff --git a/env/.env.development b/env/.env.development
new file mode 100644
index 0000000..8c0854b
--- /dev/null
+++ b/env/.env.development
@@ -0,0 +1,17 @@
+# 运行环境
+VITE_ENV=development
+
+# 是否使用模拟数据
+VITE_USE_MOCK=true
+
+VITE_PORT=3000
+
+# BASE_URL
+VITE_BASE_URL==/api
+# 上传域名
+VITE_UPLOAD_URL=/upload
+
+# 代理前缀,仅H5有效
+VITE_PROXY_PREFIX=/api
+VITE_UPLOAD_PROXY_PREFIX=/upload
+
diff --git a/env/.env.production b/env/.env.production
new file mode 100644
index 0000000..1753315
--- /dev/null
+++ b/env/.env.production
@@ -0,0 +1,12 @@
+# 运行环境
+VITE_ENV=production
+
+# 是否使用模拟数据
+VITE_USE_MOCK=true
+
+# api域名
+VITE_BASE_URL=/api/v1
+
+
+# 上传域名
+VITE_UPLOAD_URL=/upload
diff --git a/eslint.config.js b/eslint.config.js
new file mode 100644
index 0000000..fdafa88
--- /dev/null
+++ b/eslint.config.js
@@ -0,0 +1,34 @@
+/** @type {import('eslint').Linter.Config} */
+
+import antfu from '@antfu/eslint-config';
+import process from 'node:process';
+
+/**
+ * @see https://github.com/antfu/eslint-config
+ */
+
+export default antfu({
+  formatters: true,
+  vue: true,
+  jsx: true,
+  unocss: true,
+  rules: {
+    'style/indent': ['error', 2, { SwitchCase: 2 }],
+    'style/quotes': ['error', 'single'],
+    'style/semi': ['error', 'always'],
+    'style/semi-style': ['error', 'last'],
+    'style/max-len': ['error', { code: 160, tabWidth: 2 }],
+    'style/brace-style': ['error', '1tbs', { allowSingleLine: true }],
+    'vue/script-indent': ['error', 2, { baseIndent: 0 }],
+    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+  },
+  env: {
+    node: true,
+  },
+  ignores: [
+    './dist/*',
+    './.vscode/*',
+    './.idea/*',
+    './README.md',
+  ],
+});
diff --git a/index.html b/index.html
index bf67c56..9c77537 100644
--- a/index.html
+++ b/index.html
@@ -1,22 +1,25 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="zh">
-    <head>
-        <meta charset="UTF-8" />
-        <script>
-            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
-            document.write(
-                '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
-                    (coverSupport ? ', viewport-fit=cover' : '') +
-                    '" />',
-            );
-        </script>
-        <title></title>
-        <!--preload-links-->
-        <!--app-context-->
-    </head>
+  <head>
+    <meta charset="UTF-8" />
+    <script>
+      var coverSupport =
+        'CSS' in window &&
+        typeof CSS.supports === 'function' &&
+        (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+          (coverSupport ? ', viewport-fit=cover' : '') +
+          '" />',
+      )
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
 
-    <body>
-        <div id="app"><!--app-html--></div>
-        <script type="module" src="/src/main.ts"></script>
-    </body>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
 </html>
diff --git a/package.json b/package.json
index 199d27e..11128ae 100644
--- a/package.json
+++ b/package.json
@@ -1,96 +1,98 @@
 {
-    "name": "uniapp_vue3_vite_ts",
-    "version": "1.3.1",
-    "scripts": {
-        "dev:app": "uni -p app",
-        "dev:custom": "uni -p",
-        "dev:h5": "uni",
-        "dev:h5:ssr": "uni --ssr",
-        "dev:mp-alipay": "uni -p mp-alipay",
-        "dev:mp-baidu": "uni -p mp-baidu",
-        "dev:mp-kuaishou": "uni -p mp-kuaishou",
-        "dev:mp-lark": "uni -p mp-lark",
-        "dev:mp-qq": "uni -p mp-qq",
-        "dev:mp-toutiao": "uni -p mp-toutiao",
-        "dev:mp-weixin": "uni -p mp-weixin",
-        "dev:quickapp-webview": "uni -p quickapp-webview",
-        "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
-        "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
-        "build:app": "uni build -p app",
-        "build:custom": "uni build -p",
-        "build:h5": "uni build --minify",
-        "build:h5:ssr": "uni build --ssr",
-        "build:mp-alipay": "uni build -p mp-alipay",
-        "build:mp-baidu": "uni build -p mp-baidu",
-        "build:mp-kuaishou": "uni build -p mp-kuaishou",
-        "build:mp-lark": "uni build -p mp-lark",
-        "build:mp-qq": "uni build -p mp-qq",
-        "build:mp-toutiao": "uni build -p mp-toutiao",
-        "build:mp-weixin": "uni build -p mp-weixin --minify",
-        "build:quickapp-webview": "uni build -p quickapp-webview",
-        "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
-        "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
-        "lint": "pnpm lint:format & pnpm lint:eslint",
-        "lint:eslint": "eslint --max-warnings 0 --fix --ext .js,.cjs,.mjs,.jsx,.ts,.cts,.mts,.tsx,.vue ./src",
-        "lint:format": "prettier --write --loglevel warn \"src/**/*.{js,ts,json,tsx,css,less,vue,html,md}\"",
-        "lint:lint-staged": "lint-staged -c ./.husky/lintstagedrc.cjs",
-        "prepare": "husky install"
-    },
-    "dependencies": {
-        "@alova/adapter-uniapp": "^1.2.2",
-        "@alova/mock": "^1.5.1",
-        "@dcloudio/uni-app": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-app-plus": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-components": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-h5": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-i18n": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-mp-alipay": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-mp-baidu": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-mp-lark": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-mp-qq": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-mp-toutiao": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-mp-weixin": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-quickapp-webview": "3.0.0-alpha-4000120240201002",
-        "@fortawesome/fontawesome-free": "^6.5.1",
-        "@iconify/iconify": "^3.1.1",
-        "alova": "^2.17.0",
-        "crypto-js": "^4.2.0",
-        "echarts": "^5.5.0",
-        "lodash-es": "^4.17.21",
-        "pinia": "2.0.36",
-        "vue": "^3.4.19"
-    },
-    "devDependencies": {
-        "@commitlint/cli": "^17.8.1",
-        "@commitlint/config-conventional": "^17.8.1",
-        "@dcloudio/types": "^3.4.7",
-        "@dcloudio/uni-automator": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-cli-shared": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/uni-stacktracey": "3.0.0-alpha-4000120240201002",
-        "@dcloudio/vite-plugin-uni": "3.0.0-alpha-4000120240201002",
-        "@iconify/json": "^2.2.186",
-        "@types/crypto-js": "^4.2.2",
-        "@types/lodash-es": "^4.17.12",
-        "@types/node": "^17.0.45",
-        "@typescript-eslint/eslint-plugin": "^5.62.0",
-        "@typescript-eslint/parser": "^5.62.0",
-        "@unocss/preset-icons": "^0.46.5",
-        "eslint": "^8.57.0",
-        "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-prettier": "^5.1.3",
-        "eslint-plugin-vue": "^9.22.0",
-        "husky": "^8.0.3",
-        "lint-staged": "^13.3.0",
-        "postcss": "^8.4.35",
-        "prettier": "^3.2.5",
-        "sass": "^1.71.1",
-        "typescript": "^5.3.3",
-        "uni-mini-router": "^0.0.11",
-        "uni-read-pages-vite": "^0.0.6",
-        "unocss": "^0.51.13",
-        "unocss-preset-weapp": "^0.6.3",
-        "unplugin-auto-import": "^0.16.7",
-        "vite": "^5.1.4"
-    }
+  "name": "uniapp_vue3_vite_ts",
+  "type": "module",
+  "version": "2.0.0-alpha.1",
+  "scripts": {
+    "dev:app": "uni -p app",
+    "dev:custom": "uni -p",
+    "dev:h5": "pnpm git:hooks && uni",
+    "dev:h5:ssr": "uni --ssr",
+    "dev:mp-alipay": "uni -p mp-alipay",
+    "dev:mp-baidu": "uni -p mp-baidu",
+    "dev:mp-kuaishou": "uni -p mp-kuaishou",
+    "dev:mp-lark": "uni -p mp-lark",
+    "dev:mp-qq": "uni -p mp-qq",
+    "dev:mp-toutiao": "uni -p mp-toutiao",
+    "dev:mp-weixin": "pnpm git:hooks && uni -p mp-weixin",
+    "dev:quickapp-webview": "uni -p quickapp-webview",
+    "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
+    "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
+    "build:app": "uni build -p app",
+    "build:custom": "uni build -p",
+    "build:h5": "uni build --minify",
+    "build:h5:ssr": "uni build --ssr",
+    "build:mp-alipay": "uni build -p mp-alipay",
+    "build:mp-baidu": "uni build -p mp-baidu",
+    "build:mp-kuaishou": "uni build -p mp-kuaishou",
+    "build:mp-lark": "uni build -p mp-lark",
+    "build:mp-qq": "uni build -p mp-qq",
+    "build:mp-toutiao": "uni build -p mp-toutiao",
+    "build:mp-weixin": "uni build -p mp-weixin --minify",
+    "build:quickapp-webview": "uni build -p quickapp-webview",
+    "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
+    "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
+    "lint:fix": "eslint . --fix",
+    "git:hooks": "npx simple-git-hooks"
+  },
+  "dependencies": {
+    "@alova/adapter-uniapp": "^1.2.2",
+    "@alova/mock": "^1.5.1",
+    "@dcloudio/uni-app": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-app-plus": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-components": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-h5": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-i18n": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-mp-alipay": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-mp-baidu": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-mp-lark": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-mp-qq": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-mp-toutiao": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-mp-weixin": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-quickapp-webview": "3.0.0-alpha-4010920240607001",
+    "alova": "^2.21.2",
+    "crypto-js": "^4.2.0",
+    "lodash-es": "^4.17.21",
+    "pinia": "^2.1.7",
+    "vue": "^3.4.27"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^2.21.1",
+    "@dcloudio/types": "^3.4.8",
+    "@dcloudio/uni-automator": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-cli-shared": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/uni-stacktracey": "3.0.0-alpha-4010920240607001",
+    "@dcloudio/vite-plugin-uni": "3.0.0-alpha-4010920240607001",
+    "@iconify/vue": "^4.1.2",
+    "@types/crypto-js": "^4.2.2",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^20.14.2",
+    "@unocss/eslint-plugin": "^0.61.0",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vue/runtime-core": "^3.4.27",
+    "eslint": "^9.4.0",
+    "eslint-plugin-format": "^0.1.1",
+    "globals": "^15.4.0",
+    "lint-staged": "^15.2.7",
+    "picocolors": "^1.0.1",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "sass": "^1.77.5",
+    "simple-git-hooks": "^2.11.1",
+    "tsx": "^4.15.4",
+    "typescript": "^5.4.5",
+    "uni-mini-router": "^0.1.6",
+    "uni-read-pages-vite": "^0.0.6",
+    "unocss": "^0.61.0",
+    "unocss-preset-weapp": "^0.60.1",
+    "unplugin-transform-class": "^0.5.3",
+    "vite": "^5.3.0",
+    "vite-plugin-restart": "^0.4.0"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "npx lint-staged",
+    "commit-msg": "npx tsx ./scripts/verify-commit.ts"
+  },
+  "lint-staged": {
+    "*": "eslint --fix"
+  }
 }
diff --git a/scripts/verify-commit.ts b/scripts/verify-commit.ts
new file mode 100644
index 0000000..96cdb28
--- /dev/null
+++ b/scripts/verify-commit.ts
@@ -0,0 +1,28 @@
+/**
+ * 提交信息校验
+ * @link https://github.com/toplenboren/simple-git-hooks
+ * @see 参考：https://github.com/vuejs/vue-next/blob/master/.github/commit-convention.md
+ */
+import { readFileSync } from 'node:fs';
+import path from 'node:path';
+import process from 'node:process';
+import pico from 'picocolors';
+
+const msgPath = path.resolve('.git/COMMIT_EDITMSG');
+const msg = readFileSync(msgPath, 'utf-8').trim();
+
+const commitRE
+    = /^(?:revert: )?(?:feat|fix|docs|dx|style|refactor|perf|test|workflow|build|ci|chore|types|wip|mod|release|strengthen)(?:\(.+\))?: .{1,50}/;
+
+if (!commitRE.test(msg)) {
+  console.log(pico.yellow(`\n提交的信息: ${msg}\n`));
+  console.error(
+    `  ${pico.white(pico.bgRed(' 格式错误 '))} ${pico.red(
+      '无效的提交信息格式.',
+    )}\n\n${
+      pico.red('  正确的提交消息格式. 例如:\n\n')
+    }    ${pico.green('feat: add a new feature')}\n`
+    + `    ${pico.green('fix: fixed an bug')}`,
+  );
+  process.exit(1);
+}
diff --git a/shims-uni.d.ts b/shims-uni.d.ts
new file mode 100644
index 0000000..b1e946a
--- /dev/null
+++ b/shims-uni.d.ts
@@ -0,0 +1,10 @@
+/// <reference types='@dcloudio/types' />
+import 'vue';
+
+declare module '@vue/runtime-core' {
+  type Hooks = App.AppInstance & Page.PageInstance;
+
+  interface ComponentCustomOptions extends Hooks {
+
+  }
+}
diff --git a/src/App.vue b/src/App.vue
index 610e6eb..6fe725a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,18 +1,16 @@
 <script setup lang="ts">
-import { onLaunch, onShow, onHide } from '@dcloudio/uni-app';
-import { useAuthStore } from '@/state/modules/auth';
+import { onHide, onLaunch, onShow } from '@dcloudio/uni-app';
+
 onLaunch(() => {
-    console.log('App Launch');
+  console.log('App Launch');
 });
 onShow(() => {
-    const authStore = useAuthStore();
-    authStore.initToken();
-    console.log('App Show');
+  console.log('App Show');
 });
 onHide(() => {
-    console.log('App Hide');
+  console.log('App Hide');
 });
 </script>
+
 <style lang="scss">
-@import '@/assets/main.scss';
 </style>
diff --git a/src/androidPrivacy.json b/src/androidPrivacy.json
index b61b4b6..5ec20fc 100644
--- a/src/androidPrivacy.json
+++ b/src/androidPrivacy.json
@@ -1,29 +1,29 @@
 {
-    "version": "1",
-    "prompt": "template",
-    "title": "服务协议和隐私政策",
-    "message": "　　请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>　　你可阅读<a href=\"\">《服务协议》</a>和<a href=\"\">《隐私政策》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",
-    "buttonAccept": "同意并接受",
-    "buttonRefuse": "暂不同意",
-    // HX 3.4.13之后版本新增，system 使用系统webview 打开隐私协议链接，默认使用uni-app内置web组件
-    "hrefLoader": "default",
-    "second": {
-        "title": "确认提示",
-        "message": "　　进入应用前，你需先同意<a href=\"\">《服务协议》</a>和<a href=\"\">《隐私政策》</a>，否则将退出应用。",
-        "buttonAccept": "同意并继续",
-        "buttonRefuse": "退出应用"
+  "version": "1",
+  "prompt": "template",
+  "title": "服务协议和隐私政策",
+  "message": "　　请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>　　你可阅读<a href=\"\">《服务协议》</a>和<a href=\"\">《隐私政策》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",
+  "buttonAccept": "同意并接受",
+  "buttonRefuse": "暂不同意",
+  // HX 3.4.13之后版本新增，system 使用系统webview 打开隐私协议链接，默认使用uni-app内置web组件
+  "hrefLoader": "default",
+  "second": {
+    "title": "确认提示",
+    "message": "　　进入应用前，你需先同意<a href=\"\">《服务协议》</a>和<a href=\"\">《隐私政策》</a>，否则将退出应用。",
+    "buttonAccept": "同意并继续",
+    "buttonRefuse": "退出应用"
+  },
+  "styles": {
+    "backgroundColor": "#00FF00",
+    "borderRadius": "5px",
+    "title": {
+      "color": "#ff00ff"
     },
-    "styles": {
-        "backgroundColor": "#00FF00",
-        "borderRadius": "5px",
-        "title": {
-            "color": "#ff00ff"
-        },
-        "buttonAccept": {
-            "color": "#ffff00"
-        },
-        "buttonRefuse": {
-            "color": "#00ffff"
-        }
+    "buttonAccept": {
+      "color": "#ffff00"
+    },
+    "buttonRefuse": {
+      "color": "#00ffff"
     }
+  }
 }
diff --git a/src/assets/main.scss b/src/assets/main.scss
deleted file mode 100644
index 4a4cc02..0000000
--- a/src/assets/main.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-view,
-scroll-view,
-swiper,
-match-media,
-movable-area,
-movable-view,
-cover-view,
-cover-image,
-icon,
-text,
-rich-text,
-progress,
-button,
-checkboxe,
-ditor,
-form,
-input,
-label,
-picker,
-picker-view,
-radio,
-slider,
-switch,
-textarea,
-navigator,
-audio,
-camera,
-image,
-video,
-live-player,
-live-pusher,
-map,
-canvas,
-web-view,
-:before,
-:after {
-    box-sizing: border-box;
-}
-
-/* 隐藏scroll-view的滚动条 */
-::-webkit-scrollbar {
-    display: none;
-    width: 0 !important;
-    height: 0 !important;
-    -webkit-appearance: none;
-    background: transparent;
-}
-
-// 超出省略,最多5行
-@for $i from 1 through 5 {
-    .text-ellipsis-#{$i} {
-        // vue下，单行和多行显示省略号需要单独处理
-        @if $i == '1' {
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-        } @else {
-            display: -webkit-box !important;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            word-break: break-all;
-            -webkit-line-clamp: $i;
-            -webkit-box-orient: vertical !important;
-        }
-    }
-}
-page {
-    background-color: #f2f2f2;
-}
diff --git a/src/components/AppProvider/index.vue b/src/components/AppProvider/index.vue
index 245ebfe..6b8a64b 100644
--- a/src/components/AppProvider/index.vue
+++ b/src/components/AppProvider/index.vue
@@ -1,7 +1,9 @@
 <script lang="ts" setup name="AppProvider"></script>
+
 <template>
-    <view>
-        <slot></slot>
-    </view>
+  <view>
+    <slot />
+  </view>
 </template>
+
 <style lang="scss" scoped></style>
diff --git a/src/components/BasicButton/index.vue b/src/components/BasicButton/index.vue
index 15ae372..4be5b8c 100644
--- a/src/components/BasicButton/index.vue
+++ b/src/components/BasicButton/index.vue
@@ -3,30 +3,30 @@ import { buttonProps } from '@/components/BasicButton/prpos';
 
 const props = defineProps(buttonProps);
 const emits = defineEmits(['click']);
-const click = () => {
-    emits('click');
-};
+function click() {
+  emits('click');
+}
 </script>
 
 <template>
-    <view class="default-btn" :disabled="props.disabled" @tap="click">
-        <slot></slot>
-    </view>
+  <view class="default-btn" :disabled="props.disabled" @tap="click">
+    <slot />
+  </view>
 </template>
 
 <style lang="scss" scoped>
 .default-btn {
-    color: #fff;
-    border-width: 4rpx;
-    border-color: #bfdbfe;
-    border-style: solid;
-    border-radius: 6rpx;
-    background-color: #60a5fa;
-    padding: 12rpx 26rpx;
-    display: inline-block;
-    font-size: 24rpx;
-    &:hover {
-        background-color: #3b82f6;
-    }
+  color: #fff;
+  border-width: 4rpx;
+  border-color: #bfdbfe;
+  border-style: solid;
+  border-radius: 6rpx;
+  background-color: #60a5fa;
+  padding: 12rpx 26rpx;
+  display: inline-block;
+  font-size: 24rpx;
+  &:hover {
+    background-color: #3b82f6;
+  }
 }
 </style>
diff --git a/src/components/BasicButton/prpos.ts b/src/components/BasicButton/prpos.ts
index 5522c56..d9b5d9e 100644
--- a/src/components/BasicButton/prpos.ts
+++ b/src/components/BasicButton/prpos.ts
@@ -1,4 +1,4 @@
 export const buttonProps = {
-    disabled: { type: Boolean, default: false },
-    click: { type: Function },
+  disabled: { type: Boolean, default: false },
+  click: { type: Function },
 };
diff --git a/src/components/BasicInput/index.vue b/src/components/BasicInput/index.vue
index ee5f984..f316c9b 100644
--- a/src/components/BasicInput/index.vue
+++ b/src/components/BasicInput/index.vue
@@ -1,31 +1,31 @@
-<template>
-    <input :type="type" :name="name" :value="value" />
-</template>
-
 <script lang="ts">
 import { defineComponent } from 'vue';
 
 export default defineComponent({
-    name: 'BasicInput',
-    props: {
-        type: {
-            type: String,
-            default: 'text',
-        },
-        name: {
-            type: String,
-            default: '',
-        },
-        value: {
-            type: String,
-            default: '',
-        },
+  name: 'BasicInput',
+  props: {
+    type: {
+      type: String,
+      default: 'text',
     },
-    setup(_props) {
-        // const _props = props;
-        return {};
+    name: {
+      type: String,
+      default: '',
     },
+    value: {
+      type: String,
+      default: '',
+    },
+  },
+  setup(_props) {
+    // const _props = props;
+    return {};
+  },
 });
 </script>
 
+<template>
+  <input :type="type" :name="name" :value="value">
+</template>
+
 <style lang="scss" scoped></style>
diff --git a/src/components/Iconify/index.vue b/src/components/Iconify/index.vue
index 666bed3..eec1940 100644
--- a/src/components/Iconify/index.vue
+++ b/src/components/Iconify/index.vue
@@ -1,43 +1,26 @@
-<script lang="ts" setup name="Iconify">
-import { assign } from 'lodash-es';
-import { isBoolean } from '@/utils/is';
+<script lang="ts" setup>
+import type { IconProps } from '@iconify/vue';
+/**
+ * @name Iconify
+ * @desc 图标
+ * @docs https://iconify.design/docs/icon-components/vue/
+ * @example <Iconify icon="ant-design:home-outlined" />
+ */
+import { Icon } from '@iconify/vue';
 
-const props = defineProps({
-    icon: {
-        type: String,
-    },
-    size: {
-        type: [Number, String],
-    },
-    color: {
-        type: String,
-    },
-});
-
-const iconSize = computed<string | boolean>(() => (props.size ? `${props.size}rpx` : false));
-let style = computed(() => {
-    let ISize = unref(iconSize);
-    return assign({ width: isBoolean(ISize) ? '' : ISize, height: isBoolean(ISize) ? '' : ISize }, { color: props.color });
-});
-
-const emit = defineEmits(['click']);
-const onClick = () => {
-    emit('click');
-};
-</script>
-<template>
-    <view ref="elRef" @click="onClick" :class="['iconify', icon]" :style="style"></view>
-</template>
-<style lang="scss" scoped>
-.iconify {
-    display: inline-block;
-    vertical-align: middle;
-    height: 44rpx;
-    width: 44rpx;
-    color: inherit;
-    &:hover {
-        cursor: pointer;
-        opacity: 0.8;
-    }
+interface Props {
+  icon: string
+  size?: string | number
+  width?: IconProps['width']
+  height?: IconProps['height']
+  color?: IconProps['color']
 }
-</style>
+
+const props = withDefaults(defineProps<Props>(), {});
+</script>
+
+<template>
+  <Icon v-bind="props" />
+</template>
+
+<style lang="scss" scoped></style>
diff --git a/src/components/Test/index.vue b/src/components/Test/index.vue
index 451257e..f8fd3b3 100644
--- a/src/components/Test/index.vue
+++ b/src/components/Test/index.vue
@@ -1,14 +1,16 @@
 <script lang="ts" setup>
 const props = defineProps({
-    text: {
-        type: String,
-        default: 'text',
-    },
+  text: {
+    type: String,
+    default: 'text',
+  },
 });
 
-const text = 'TEXT: ' + props.text;
+const text = `TEXT: ${props.text}`;
 </script>
+
 <template>
-    <view>{{ text }}</view>
+  <view>{{ text }}</view>
 </template>
+
 <style lang="scss" scoped></style>
diff --git a/src/enums/appEnum.ts b/src/enums/appEnum.ts
index 85f2094..e69de29 100644
--- a/src/enums/appEnum.ts
+++ b/src/enums/appEnum.ts
@@ -1,7 +0,0 @@
-/**
- * @description: 客户端 api 返回结果设置
- */
-export enum ClientApiResultEnum {
-    CLIENT_SUCCESS = 1,
-    CLIENT_ERROR = 0,
-}
diff --git a/src/enums/httpEnum.ts b/src/enums/httpEnum.ts
index 8c06de0..0532e9d 100644
--- a/src/enums/httpEnum.ts
+++ b/src/enums/httpEnum.ts
@@ -2,21 +2,21 @@
  * @description: 请求结果设置
  */
 export enum ResultEnum {
-    SUCCESS = 10000,
-    FAIL = 10001,
-    ERROR = 1,
-    TIMEOUT = 401,
-    TYPE = 'success',
+  SUCCESS = 10000,
+  FAIL = 10001,
+  ERROR = 1,
+  TIMEOUT = 401,
+  TYPE = 'success',
 }
 
 /**
  * @description: contentType
  */
 export enum ContentTypeEnum {
-    // json
-    JSON = 'application/json;charset=UTF-8',
-    // form-data qs
-    FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8',
-    // form-data  upload
-    FORM_DATA = 'multipart/form-data;charset=UTF-8',
+  // json
+  JSON = 'application/json;charset=UTF-8',
+  // form-data qs
+  FORM_URLENCODED = 'application/x-www-form-urlencoded;charset=UTF-8',
+  // form-data  upload
+  FORM_DATA = 'multipart/form-data;charset=UTF-8',
 }
diff --git a/src/enums/platformEnum.ts b/src/enums/platformEnum.ts
deleted file mode 100644
index b54b54a..0000000
--- a/src/enums/platformEnum.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-/**
- * 平台
- */
-export enum PLATFORMS {
-    DEFAULT = 'DEFAULT' /* 默认 */,
-    VUE3 = 'VUE3' /* HBuilderX 3.2.0+ */,
-    APP_PLUS = 'APP-PLUS' /* App */,
-    APP_PLUS_NVUE = 'APP-PLUS-NVUE' /* App nvue 页面 */,
-    APP_NVUE = 'APP-NVUE' /* App nvue 页面 */,
-    H5 = 'H5' /* H5 */,
-    MP_WEIXIN = 'MP-WEIXIN' /* 微信小程序 */,
-    MP_ALIPAY = 'MP-ALIPAY' /* 支付宝小程序 */,
-    MP_BAIDU = 'MP_BAIDU' /* 百度小程序 */,
-    MP_TOUTIAO = 'MP-TOUTIAO' /* 字节跳动小程序 */,
-    MP_LARK = 'MP-LARK' /* 飞书小程序 */,
-    MP_QQ = 'MP-QQ' /* QQ小程序 */,
-    MP_KUAISHOU = 'MP-KUAISHOU' /* 快手小程序 */,
-    MP_JD = 'MP-JD' /* 京东小程序 */,
-    MP_360 = 'MP-360' /* 360小程序 */,
-    MP = 'MP' /* 微信小程序/支付宝小程序/百度小程序/字节跳动小程序/飞书小程序/QQ小程序/360小程序 */,
-    QUICKAPP_WEBVIEW = 'QUICKAPP-WEBVIEW' /* 快应用通用(包含联盟、华为) */,
-    QUICKAPP_WEBVIEW_UNION = 'QUICKAPP-WEBVIEW-UNION' /* 快应用联盟 */,
-    QUICKAPP_WEBVIEW_HUAWEI = 'QUICKAPP-WEBVIEW-HUAWEI' /* 快应用华为 */,
-}
-
-/**
- * 平台环境
- * @constructor
- */
-function PLATFORM_ENV() {
-    let platform = PLATFORMS.DEFAULT;
-
-    /* #ifdef VUE3 */
-    platform = PLATFORMS.VUE3;
-    /* #endif */
-
-    /* #ifdef APP-PLUS */
-    platform = PLATFORMS.APP_PLUS;
-    /* #endif */
-
-    /* #ifdef APP-PLUS-NVUE */
-    platform = PLATFORMS.APP_PLUS_NVUE;
-    /* #endif */
-
-    /* #ifdef APP-NVUE */
-    platform = PLATFORMS.APP_NVUE;
-    /* #endif */
-
-    /* #ifdef H5 */
-    platform = PLATFORMS.H5;
-    /* #endif */
-
-    /* #ifdef MP */
-    platform = PLATFORMS.MP;
-    /* #endif */
-
-    /* #ifdef MP-WEIXIN */
-    platform = PLATFORMS.MP_WEIXIN;
-    /* #endif */
-
-    /* #ifdef MP-ALIPAY */
-    platform = PLATFORMS.MP_ALIPAY;
-    /* #endif */
-
-    /* #ifdef MP_BAIDU */
-    platform = PLATFORMS.MP_BAIDU;
-    /* #endif */
-
-    /* #ifdef MP-TOUTIAO */
-    platform = PLATFORMS.MP_TOUTIAO;
-    /* #endif */
-
-    /* #ifdef MP-LARK */
-    platform = PLATFORMS.MP_LARK;
-    /* #endif */
-
-    /* #ifdef MP-QQ */
-    platform = PLATFORMS.MP_QQ;
-    /* #endif */
-
-    /* #ifdef MP-KUAISHOU */
-    platform = PLATFORMS.MP_KUAISHOU;
-    /* #endif */
-
-    /* #ifdef MP-JD */
-    platform = PLATFORMS.MP_JD;
-    /* #endif */
-
-    /* #ifdef MP-360 */
-    platform = PLATFORMS.MP_360;
-    /* #endif */
-
-    /* #ifdef QUICKAPP-WEBVIEW */
-    platform = PLATFORMS.QUICKAPP_WEBVIEW;
-    /* #endif */
-
-    /* #ifdef QUICKAPP-WEBVIEW-UNION */
-    platform = PLATFORMS.QUICKAPP_WEBVIEW_UNION;
-    /* #endif */
-
-    /* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
-    platform = PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI;
-    /* #endif */
-
-    return platform;
-}
-
-/**
- * 当前平台
- * 在微信小程序中 "process.env['UNI_PLATFORM']" 无效
- */
-export const CURRENT_PLATFORM = PLATFORM_ENV();
diff --git a/src/enums/routerEnum.ts b/src/enums/routerEnum.ts
deleted file mode 100644
index 38bc8b7..0000000
--- a/src/enums/routerEnum.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-export enum NAVIGATE_TYPE {
-    NAVIGATE_TO = 'navigateTo',
-    REDIRECT_TO = 'redirectTo',
-    RE_LAUNCH = 'reLaunch',
-    SWITCH_TAB = 'switchTab',
-    NAVIGATE_BACK = 'navigateBack',
-}
-
-export const NAVIGATE_TYPE_LIST = ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'];
-
-export const HOME_PAGE = '/pages/index/index';
-export const LOGIN_PAGE = '/pages/login/index';
-export const NOT_FOUND_PAGE = '/pages/notFound/404';
diff --git a/src/hooks/app/useGlobalStyle.ts b/src/hooks/app/useGlobalStyle.ts
index 0c58cb2..f4bb04b 100644
--- a/src/hooks/app/useGlobalStyle.ts
+++ b/src/hooks/app/useGlobalStyle.ts
@@ -4,12 +4,12 @@ const { globalStyle } = pagesJson;
 /**
  * 全局样式
  */
-export const useGlobalStyle = () => {
-    const { navigationBarTextStyle, navigationBarTitleText, navigationBarBackgroundColor, backgroundColor } = globalStyle;
-    return {
-        navigationBarTextStyle,
-        navigationBarTitleText,
-        navigationBarBackgroundColor,
-        backgroundColor,
-    };
-};
+export function useGlobalStyle() {
+  const { navigationBarTextStyle, navigationBarTitleText, navigationBarBackgroundColor, backgroundColor } = globalStyle;
+  return {
+    navigationBarTextStyle,
+    navigationBarTitleText,
+    navigationBarBackgroundColor,
+    backgroundColor,
+  };
+}
diff --git a/src/hooks/app/useSystem.ts b/src/hooks/app/useSystem.ts
index 847b1c0..e6df73f 100644
--- a/src/hooks/app/useSystem.ts
+++ b/src/hooks/app/useSystem.ts
@@ -3,150 +3,9 @@
  * @description 除去uni官方不推荐使用的返回参数
  * @link https://uniapp.dcloud.net.cn/api/system/info.html
  */
-export const useSystem = () => {
-    const {
-        // device
-        deviceId,
-        deviceBrand,
-        deviceModel,
-        deviceType,
-        devicePixelRatio,
-        deviceOrientation,
-        // os
-        osName,
-        osVersion,
-        osLanguage,
-        osTheme,
-        // @ts-ignore
-        osAndroidAPILevel,
-        // rom
-        romName,
-        romVersion,
-        // browser
-        browserName,
-        browserVersion,
-        // host
-        hostFontSizeSetting,
-        hostSDKVersion,
-        hostName,
-        hostVersion,
-        hostLanguage,
-        hostTheme,
-        hostPackageName,
-        // uni-app框架
-        uniPlatform,
-        uniCompileVersion,
-        uniRuntimeVersion,
-        // app
-        appId,
-        appName,
-        appVersion,
-        appVersionCode,
-        appLanguage,
-        // @ts-ignore
-        appWgtVersion,
-        // 其他
-        ua,
-        screenWidth,
-        screenHeight,
-        windowWidth,
-        windowHeight,
-        windowTop,
-        windowBottom,
-        statusBarHeight,
-        safeArea,
-        safeAreaInsets,
-        // 某些小程序特殊的返回参数
-        // @ts-ignore
-        benchmarkLevel,
-        // @ts-ignore
-        batteryLevel,
-        currentBattery,
-        navigationBarHeight,
-        titleBarHeight,
-        albumAuthorized,
-        cameraAuthorized,
-        locationAuthorized,
-        microphoneAuthorized,
-        notificationAuthorized,
-        notificationAlertAuthorized,
-        notificationBadgeAuthorized,
-        notificationSoundAuthorized,
-        bluetoothEnabled,
-        locationEnabled,
-        wifiEnabled,
-        cacheLocation,
-        storage,
-    } = uni.getSystemInfoSync();
-    const { top: safeAreaTop, bottom: safeAreaBottom, left: safeAreaLeft, right: safeAreaRight, height: safeAreaHeight, width: safeAreaWidth } = safeArea!;
-    const { top: safeAreaInsetsTop, bottom: safeAreaInsetsBottom, left: safeAreaInsetsLeft, right: safeAreaInsetsRight } = safeAreaInsets!;
-    return {
-        deviceId,
-        deviceBrand,
-        deviceModel,
-        deviceType,
-        devicePixelRatio,
-        deviceOrientation,
-        osName,
-        osVersion,
-        osLanguage,
-        osTheme,
-        osAndroidAPILevel,
-        romName,
-        romVersion,
-        browserName,
-        browserVersion,
-        hostFontSizeSetting,
-        hostSDKVersion,
-        hostName,
-        hostVersion,
-        hostLanguage,
-        hostTheme,
-        hostPackageName,
-        uniPlatform,
-        uniCompileVersion,
-        uniRuntimeVersion,
-        appId,
-        appName,
-        appVersion,
-        appVersionCode,
-        appLanguage,
-        appWgtVersion,
-        ua,
-        screenWidth,
-        screenHeight,
-        windowWidth,
-        windowHeight,
-        windowTop,
-        windowBottom,
-        statusBarHeight,
-        safeAreaTop,
-        safeAreaBottom,
-        safeAreaLeft,
-        safeAreaRight,
-        safeAreaHeight,
-        safeAreaWidth,
-        safeAreaInsetsTop,
-        safeAreaInsetsBottom,
-        safeAreaInsetsLeft,
-        safeAreaInsetsRight,
-        benchmarkLevel,
-        batteryLevel,
-        currentBattery,
-        navigationBarHeight,
-        titleBarHeight,
-        albumAuthorized,
-        cameraAuthorized,
-        locationAuthorized,
-        microphoneAuthorized,
-        notificationAuthorized,
-        notificationAlertAuthorized,
-        notificationBadgeAuthorized,
-        notificationSoundAuthorized,
-        bluetoothEnabled,
-        locationEnabled,
-        wifiEnabled,
-        cacheLocation,
-        storage,
-    };
-};
+export function useSystem() {
+  const systemInfo = reactive<UniNamespace.GetSystemInfoResult>(uni.getSystemInfoSync());
+  return {
+    systemInfo,
+  };
+}
diff --git a/src/main.ts b/src/main.ts
index 0301eb0..c4c1a43 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,19 +1,17 @@
 import { createSSRApp } from 'vue';
 import App from './App.vue';
-import 'uno.css';
-import { setupStore } from '@/state';
-import { setupRouter } from '@/router';
+import 'virtual:uno.css';
+import { setupRouter } from './router';
+import { setupStore } from './stores';
 
 export function createApp() {
-    const app = createSSRApp(App);
+  const app = createSSRApp(App);
 
-    // Configure router
-    setupRouter(app);
+  setupStore(app);
 
-    // Configure store
-    setupStore(app);
+  setupRouter(app);
 
-    return {
-        app,
-    };
+  return {
+    app,
+  };
 }
diff --git a/src/manifest.json b/src/manifest.json
index 1b5c19a..cc7cede 100644
--- a/src/manifest.json
+++ b/src/manifest.json
@@ -1,116 +1,116 @@
 {
-    "name" : "uniapp_vue3_vite_ts",
-    "appid" : "__UNI__4350F4E",
-    "description" : "",
-    "versionName" : "1.2.1",
-    "versionCode" : "100",
-    "transformPx" : false,
-    /* 5+App特有相关 */
-    "app-plus" : {
-        "usingComponents" : true,
-        "nvueStyleCompiler" : "uni-app",
-        "compilerVersion" : 3,
-        "splashscreen" : {
-            "alwaysShowBeforeRender" : true,
-            "waiting" : true,
-            "autoclose" : true,
-            "delay" : 0
-        },
-        /* 模块配置 */
-        "modules" : {},
-        "optimization" : {
-            "subPackages" : true
-        },
-        /* 应用发布信息 */
-        "distribute" : {
-            /* android打包配置 */
-            "android" : {
-                "permissions" : [
-                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-                ],
-                "minSdkVersion" : 21
-            },
-            /* ios打包配置 */
-            "ios" : {
-                "dSYMs" : false
-            },
-            /* SDK配置 */
-            "sdkConfigs" : {
-                "ad" : {}
-            },
-            "splashscreen" : {
-                "useOriginalMsgbox" : true
-            }
-        }
+  "name": "uniapp_vue3_vite_ts",
+  "appid": "__UNI__4350F4E",
+  "description": "",
+  "versionName": "1.2.1",
+  "versionCode": "100",
+  "transformPx": false,
+  /* 5+App特有相关 */
+  "app-plus": {
+    "usingComponents": true,
+    "nvueStyleCompiler": "uni-app",
+    "compilerVersion": 3,
+    "splashscreen": {
+      "alwaysShowBeforeRender": true,
+      "waiting": true,
+      "autoclose": true,
+      "delay": 0
     },
-    /* 快应用特有相关 */
-    "quickapp" : {},
-    /* 小程序特有相关 */
-    "mp-weixin" : {
-        "appid" : "wxc8e4923d551cd4a4",
-        "setting" : {
-            "urlCheck" : false,
-            "es6" : true,
-            "postcss" : true,
-            "minified" : true
-        },
-        "usingComponents" : true,
-        "permission" : {},
-        "optimization" : {
-            "subPackages" : true
-        },
-        "lazyCodeLoading" : "requiredComponents",
-        "style" : "v2"
+    /* 模块配置 */
+    "modules": {},
+    "optimization": {
+      "subPackages": true
     },
-    "mp-alipay" : {
-        "usingComponents" : true,
-        "optimization" : {
-            "subPackages" : true
-        }
-    },
-    "mp-baidu" : {
-        "usingComponents" : true
-    },
-    "mp-toutiao" : {
-        "usingComponents" : true
-    },
-    "uniStatistics" : {
-        "enable" : false
-    },
-    "vueVersion" : "3",
-    "h5" : {
-        "router" : {
-            "mode" : "hash",
-            "base" : "./"
-        },
-        "devServer" : {
-            "https" : false
-        },
-        "title" : "uniapp_vue3_vite_ts",
-        "unipush" : {
-            "enable" : false
-        },
-        "sdkConfigs" : {
-            "maps" : {}
-        },
-        "optimization" : {
-            "treeShaking" : {
-                "enable" : true
-            }
-        }
+    /* 应用发布信息 */
+    "distribute": {
+      /* android打包配置 */
+      "android": {
+        "permissions": [
+          "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+          "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+          "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+          "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+          "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+          "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+          "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+          "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+          "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+          "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+          "<uses-feature android:name=\"android.hardware.camera\"/>",
+          "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+        ],
+        "minSdkVersion": 21
+      },
+      /* ios打包配置 */
+      "ios": {
+        "dSYMs": false
+      },
+      /* SDK配置 */
+      "sdkConfigs": {
+        "ad": {}
+      },
+      "splashscreen": {
+        "useOriginalMsgbox": true
+      }
     }
+  },
+  /* 快应用特有相关 */
+  "quickapp": {},
+  /* 小程序特有相关 */
+  "mp-weixin": {
+    "appid": "wxc8e4923d551cd4a4",
+    "setting": {
+      "urlCheck": false,
+      "es6": true,
+      "postcss": true,
+      "minified": true
+    },
+    "usingComponents": true,
+    "permission": {},
+    "optimization": {
+      "subPackages": true
+    },
+    "lazyCodeLoading": "requiredComponents",
+    "style": "v2"
+  },
+  "mp-alipay": {
+    "usingComponents": true,
+    "optimization": {
+      "subPackages": true
+    }
+  },
+  "mp-baidu": {
+    "usingComponents": true
+  },
+  "mp-toutiao": {
+    "usingComponents": true
+  },
+  "uniStatistics": {
+    "enable": false
+  },
+  "vueVersion": "3",
+  "h5": {
+    "router": {
+      "mode": "hash",
+      "base": "./"
+    },
+    "devServer": {
+      "https": false
+    },
+    "title": "uniapp_vue3_vite_ts",
+    "unipush": {
+      "enable": false
+    },
+    "sdkConfigs": {
+      "maps": {}
+    },
+    "optimization": {
+      "treeShaking": {
+        "enable": true
+      }
+    }
+  }
 }
diff --git a/src/mock/index.ts b/src/mock/index.ts
index 325ce8b..be0ea68 100644
--- a/src/mock/index.ts
+++ b/src/mock/index.ts
@@ -1,5 +1,5 @@
 import { createAlovaMockAdapter } from '@alova/mock';
-import { uniappRequestAdapter, uniappMockResponse } from '@alova/adapter-uniapp';
+import { uniappMockResponse, uniappRequestAdapter } from '@alova/adapter-uniapp';
 import { mockGroupV1 } from '@/mock/v1';
 
 /**
@@ -7,15 +7,15 @@ import { mockGroupV1 } from '@/mock/v1';
  * @link https://alova.js.org/zh-CN/extension/alova-mock
  */
 export const mockAdapter = createAlovaMockAdapter(mockGroupV1, {
-    // 指定uniapp请求适配器后，未匹配模拟接口的请求将使用这个适配器发送请求
-    httpAdapter: uniappRequestAdapter,
+  // 指定uniapp请求适配器后，未匹配模拟接口的请求将使用这个适配器发送请求
+  httpAdapter: uniappRequestAdapter,
 
-    // mock接口响应延迟，单位毫秒
-    delay: 1500,
+  // mock接口响应延迟，单位毫秒
+  delay: 1500,
 
-    // 是否打印mock接口请求信息
-    // mockRequestLogger: false,
+  // 是否打印mock接口请求信息
+  // mockRequestLogger: false,
 
-    //  模拟响应适配器，指定后响应数据将转换为uniapp兼容的数据格式
-    onMockResponse: uniappMockResponse,
+  //  模拟响应适配器，指定后响应数据将转换为uniapp兼容的数据格式
+  onMockResponse: uniappMockResponse,
 });
diff --git a/src/mock/utils.ts b/src/mock/utils.ts
index f6d1c7d..04c2eaa 100644
--- a/src/mock/utils.ts
+++ b/src/mock/utils.ts
@@ -1,22 +1,22 @@
 import { ResultEnum } from '@/enums/httpEnum';
-import { API } from '@/services/model/baseModel';
+import type { API } from '@/services/model/baseModel';
 
 interface MockResponseOptions<T = any> {
-    status: number;
-    statusText: string;
-    responseHeaders: Record<string, any>;
-    body: API<T>;
+  status: number
+  statusText: string
+  responseHeaders: Record<string, any>
+  body: API<T>
 }
 
-export const createMock = (options: Partial<API>): MockResponseOptions => {
-    return {
-        status: 200,
-        statusText: 'OK',
-        responseHeaders: {},
-        body: {
-            code: ResultEnum.SUCCESS,
-            message: 'succeed',
-            ...options,
-        },
-    };
-};
+export function createMock(options: Partial<API>): MockResponseOptions {
+  return {
+    status: 200,
+    statusText: 'OK',
+    responseHeaders: {},
+    body: {
+      code: ResultEnum.SUCCESS,
+      message: 'succeed',
+      ...options,
+    },
+  };
+}
diff --git a/src/mock/v1/modules/auth.ts b/src/mock/v1/modules/auth.ts
index 80c44f2..b5d3ae6 100644
--- a/src/mock/v1/modules/auth.ts
+++ b/src/mock/v1/modules/auth.ts
@@ -1,21 +1,22 @@
 import { defineMock } from '@alova/mock';
-import { createMock } from '@/mock/utils';
 import { join, sampleSize } from 'lodash-es';
+import { createMock } from '@/mock/utils';
 import { ResultEnum } from '@/enums/httpEnum';
 
-const createRandomToken = (len = 36 * 6) => {
-    const token = join(sampleSize('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ._-', len), '');
-    return `eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.${token}`;
-};
+function createRandomToken(len = 36 * 6) {
+  const token = join(sampleSize('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ._-', len), '');
+  return `eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.${token}`;
+}
 
 export const authMocks = defineMock({
-    // 登录
-    '[POST]/api/v1/login': (params) => {
-        const { email, password } = params.data;
-        if (email === 'uni-app@test.com' && (password === 'Vue3_Ts_Vite' || password === '123456')) {
-            const token = createRandomToken();
-            return createMock({ data: { token } });
-        }
-        return createMock({ data: [], code: ResultEnum.FAIL, message: '邮箱或密码错误' });
-    },
+  // 登录
+  '[POST]/api/login': (params) => {
+    const { email, password } = params.data;
+    if (email === 'uni-app@test.com' && (password === 'Vue3_Ts_Vite' || password === '123456')) {
+      const token = createRandomToken();
+      return createMock({ data: { token } });
+    }
+    console.log('模拟登录');
+    return createMock({ data: [], code: ResultEnum.FAIL, message: '邮箱或密码错误' });
+  },
 });
diff --git a/src/pages.json b/src/pages.json
index 917f867..8b0c288 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -1,136 +1,87 @@
 {
-    "pages": [
-        {
-            "name": "Home",
-            "path": "pages/index/index",
-            "style": {
-                "navigationBarTitleText": "Home"
-            },
-            "meta": {
-                "tabBar": true
-            }
-        },
-        {
-            "name": "Demo",
-            "path": "pages/demo/index",
-            "style": {
-                "navigationBarTitleText": "Demo"
-            },
-            "meta": {
-                "tabBar": true
-            }
-        },
-        {
-            "name": "About",
-            "path": "pages/about/index",
-            "style": {
-                "navigationBarTitleText": "关于"
-            },
-            "meta": {
-                "ignoreAuth": true,
-                "tabBar": true
-            }
-        },
-        {
-            "name": "Login",
-            "path": "pages/login/index",
-            "style": {
-                "navigationBarTitleText": "登录"
-            },
-            "meta": {
-                "ignoreAuth": true
-            }
-        },
-        {
-            "name": "Log",
-            "path": "pages/log/index",
-            "style": {
-                "navigationBarTitleText": "日志"
-            }
-        },
-        {
-            "name": "NotFound",
-            "path": "pages/notFound/404",
-            "style": {
-                "navigationBarTitleText": "Not Found"
-            },
-            "meta": {
-                "ignoreAuth": true
-            }
-        }
-    ],
-    "subPackages": [
-        {
-            "root": "pagesA",
-            "pages": [
-                {
-                    "path": "list/test1/index",
-                    "style": {
-                        "navigationBarTitleText": "test1"
-                    },
-                    "meta": {
-                        "ignoreAuth": true
-                    }
-                },
-                {
-                    "path": "list/test2/index",
-                    "style": {
-                        "navigationBarTitleText": "test2",
-                        "navigationStyle": "custom"
-                    },
-                    "meta": {
-                        "ignoreAuth": true
-                    }
-                }
-            ]
-        },
-        {
-            "root": "pagesB",
-            "pages": [
-                {
-                    "path": "detail/index",
-                    "style": {
-                        "navigationBarTitleText": "Detail"
-                    },
-                    "meta": {
-                        "ignoreAuth": true
-                    }
-                }
-            ]
-        }
-    ],
-    "globalStyle": {
-        "navigationBarTextStyle": "black",
-        "navigationBarTitleText": "uni-app",
-        "navigationBarBackgroundColor": "#F2F2F2",
-        "backgroundColor": "#F2F2F2",
-        "navigationStyle": "default",
-        "renderingMode": "seperated",
-        "pageOrientation": "portrait"
+  "pages": [
+    {
+      "name": "Home",
+      "path": "pages/index/index",
+      "style": {
+        "navigationBarTitleText": "Home"
+      },
+      "meta": {
+        "tabBar": true
+      }
     },
-    "tabBar": {
-        "color": "#474747",
-        "selectedColor": "#9BC6FC",
-        "backgroundColor": "#F2F2F2",
-        "list": [
-            {
-                "pagePath": "pages/index/index",
-                "text": "首页",
-                "iconPath": "static/images/tabBar/home.png",
-                "selectedIconPath": "static/images/tabBar/selectedHome.png"
-            },
-            {
-                "pagePath": "pages/demo/index",
-                "text": "Demo",
-                "iconPath": "static/images/tabBar/demo.png",
-                "selectedIconPath": "static/images/tabBar/selectedDemo.png"
-            },
-            {
-                "pagePath": "pages/about/index",
-                "text": "关于",
-                "iconPath": "static/images/tabBar/about.png",
-                "selectedIconPath": "static/images/tabBar/selectedAbout.png"
-            }
-        ]
+    {
+      "name": "Demo",
+      "path": "pages/demo/index",
+      "style": {
+        "navigationBarTitleText": "Demo"
+      },
+      "meta": {
+        "tabBar": true
+      }
+    },
+    {
+      "name": "About",
+      "path": "pages/about/index",
+      "style": {
+        "navigationBarTitleText": "关于"
+      },
+      "meta": {
+        "ignoreAuth": true,
+        "tabBar": true
+      }
+    },
+    {
+      "name": "Login",
+      "path": "pages/login/index",
+      "style": {
+        "navigationBarTitleText": "登录"
+      },
+      "meta": {
+        "ignoreAuth": true
+      }
+    },
+    {
+      "name": "Log",
+      "path": "pages/log/index",
+      "style": {
+        "navigationBarTitleText": "日志"
+      }
     }
+  ],
+  "subPackages": [],
+  "globalStyle": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "uni-app",
+    "navigationBarBackgroundColor": "#F2F2F2",
+    "backgroundColor": "#F2F2F2",
+    "navigationStyle": "default",
+    "renderingMode": "seperated",
+    "pageOrientation": "portrait"
+  },
+  "tabBar": {
+    "color": "#474747",
+    "selectedColor": "#9BC6FC",
+    "backgroundColor": "#F2F2F2",
+    "list": [
+      {
+        "pagePath": "pages/index/index",
+        "text": "首页",
+        "iconPath": "static/images/tabBar/home.png",
+        "selectedIconPath": "static/images/tabBar/selectedHome.png"
+      },
+      {
+        "pagePath": "pages/demo/index",
+        "text": "Demo",
+        "iconPath": "static/images/tabBar/demo.png",
+        "selectedIconPath": "static/images/tabBar/selectedDemo.png"
+      },
+      {
+        "pagePath": "pages/about/index",
+        "text": "关于",
+        "iconPath": "static/images/tabBar/about.png",
+        "selectedIconPath": "static/images/tabBar/selectedAbout.png"
+      }
+    ]
+  }
 }
diff --git a/src/pages/about/index.vue b/src/pages/about/index.vue
index c1f9423..f54bf09 100644
--- a/src/pages/about/index.vue
+++ b/src/pages/about/index.vue
@@ -1,74 +1,10 @@
 <script lang="ts" setup>
-import BasicButton from '@/components/BasicButton/index.vue';
-import AppProvider from '@/components/AppProvider/index.vue';
-import { useAuthStore } from '@/state/modules/auth';
 
-onLoad(() => {
-    console.log('about load');
-});
-const authStore = useAuthStore();
-const isLogin = ref(false);
-const router = useRouter();
-onShow(() => {
-    isLogin.value = authStore.isLogin;
-});
-const handleJump = (url: string) => {
-    router.push(url);
-};
-
-// 登出
-const handleLoginOut = () => {
-    authStore.loginOut().then(() => {
-        isLogin.value = false;
-    });
-};
 </script>
 
 <template>
-    <AppProvider>
-        <view class="container">
-            <view class="head-wrap">
-                <view class="avatar">
-                    <image class="img" src="/static/images/avatar.png" />
-                </view>
-                <view class="desc">{{ isLogin ? '测试' : '未登入' }}</view>
-            </view>
-            <view class="cell"><BasicButton @click="handleJump('/pages/log/index?id=4345&title=log&word=关键词')">log</BasicButton></view>
-            <view class="cell" v-if="isLogin"><BasicButton @click="handleLoginOut">登出</BasicButton></view>
-            <view class="cell" v-else>
-                <BasicButton @click="handleJump('/pages/login/index')"> 登入 </BasicButton>
-            </view>
-        </view>
-    </AppProvider>
+  <view>关于</view>
 </template>
 
 <style lang="scss" scoped>
-.container {
-    padding: 96rpx 24rpx;
-    .head-wrap {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        .avatar {
-            height: 120rpx;
-            width: 120rpx;
-            border: 2rpx solid #d1d5db;
-            border-radius: 120rpx;
-            overflow: hidden;
-            padding: 6rpx;
-            .img {
-                height: 100%;
-                width: 100%;
-            }
-        }
-        .desc {
-            font-size: 28rpx;
-            line-height: 120rpx;
-        }
-    }
-    .cell {
-        margin-top: 60rpx;
-        text-align: center;
-    }
-}
 </style>
diff --git a/src/pages/demo/index.vue b/src/pages/demo/index.vue
index 18e3d1b..0c0ba3d 100644
--- a/src/pages/demo/index.vue
+++ b/src/pages/demo/index.vue
@@ -1,26 +1,16 @@
 <script lang="ts" setup>
-import BasicButton from '@/components/BasicButton/index.vue';
-import AppProvider from '@/components/AppProvider/index.vue';
+import { ref } from 'vue';
 
-const router = useRouter();
-const jumpList1 = () => {
-    // router.push('/pagesA/list/test1/index11?key=words&page=1&limit=15');
-    router.push({ path: '/pagesA/list/test1/index', query: { key: 'word', page: '1', limit: '15' } });
-};
+const demo = ref('Demo');
 </script>
 
 <template>
-    <AppProvider>
-        <view class="container"> 页面构建中... </view>
-        <view class="_u_center">
-            <BasicButton @click="jumpList1">List1 → </BasicButton>
-        </view>
-    </AppProvider>
+  <view>{{ demo }}</view>
 </template>
 
 <style lang="scss" scoped>
 .container {
-    padding: 128rpx 0;
-    text-align: center;
+  padding: 128rpx 0;
+  text-align: center;
 }
 </style>
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index ee9b6b9..3580eba 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,69 +1,23 @@
 <script setup lang="ts">
-import BasicButton from '@/components/BasicButton/index.vue';
-import AppProvider from '@/components/AppProvider/index.vue';
-import { CURRENT_PLATFORM, PLATFORMS } from '@/enums/platformEnum';
-import { judgePlatform } from '@/utils/platform';
-import Iconify from '@/components/Iconify/index.vue';
-import { getEnvValue } from '@/utils/env';
-
-const appTitle = getEnvValue<string>('VITE_APP_TITLE');
-
-const title = ref(appTitle);
-
-const platform = CURRENT_PLATFORM;
-
-const isVue3 = judgePlatform(PLATFORMS.VUE3);
+import { useRouter } from 'uni-mini-router';
 
 const router = useRouter();
-const handleGetStarted = () => {
-    router.pushTab({ path: '/pages/demo/index' });
-};
+function onClick() {
+  console.log('click');
+  router.push({ name: 'Login' });
+}
+
+// const pt = __UNI_PLATFORM__;
 </script>
+
 <template>
-    <AppProvider>
-        <view class="content">
-            <image class="logo" src="/static/svg/LOGO.svg" />
-            <view class="text-area">
-                <text class="">{{ title }}</text>
-            </view>
-            <view class="text-area">
-                <text class="">是否是Vue3: {{ isVue3 }}</text>
-            </view>
-            <view class="text-area">
-                <text class="_u_text-red">当前平台: {{ platform }}</text>
-            </view>
-            <BasicButton @click="handleGetStarted">Get Started → </BasicButton>
-            <view class="_u_text-red">uno css</view>
-            <Iconify icon="i-ph-anchor-simple-thin" size="65" />
-            <Iconify icon="i-system-uicons-book-text" />
-            <Iconify icon="i-system-uicons-battery-full" size="65" />
-            <Iconify icon="i-system-uicons-box-add" :size="65" />
-            <Iconify icon="i-system-uicons-bell-snooze" color="red" :size="65" />
-        </view>
-    </AppProvider>
+  <view class="border border-solid border-blue text-primary h-44 center text-mini">
+    home
+  </view>
+  <button @click="onClick">
+    登录
+  </button>
 </template>
+
 <style lang="scss">
-.content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-}
-
-.logo {
-    height: 200rpx;
-    width: 200rpx;
-    margin: 280rpx auto 50rpx;
-}
-
-.text-area {
-    display: flex;
-    justify-content: center;
-    margin-bottom: 60rpx;
-}
-
-.title {
-    font-size: 36rpx;
-    color: #8f8f94;
-}
 </style>
diff --git a/src/pages/log/index.vue b/src/pages/log/index.vue
index ea03653..eeb8791 100644
--- a/src/pages/log/index.vue
+++ b/src/pages/log/index.vue
@@ -1,11 +1,13 @@
 <script lang="ts" setup>
 onLoad((query) => {
-    console.log('log onLoad query', query);
+  console.log('log onLoad query', query);
 });
 </script>
 
 <template>
-    <view style="line-height: 88rpx; text-align: center">登录后访问log</view>
+  <view style="line-height: 88rpx; text-align: center">
+    登录后访问log
+  </view>
 </template>
 
 <style lang="scss" scoped></style>
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 0b718ee..fb321f2 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -1,109 +1,115 @@
 <script setup lang="ts">
-import { useAuthStore } from '@/state/modules/auth';
-import { Toast } from '@/utils/uniapi/prompt';
-// import { useRequest } from 'alova';
-import { login } from '@/services/api/auth';
-import { omit } from 'lodash-es';
 import { useRequest } from 'alova';
+import { useRouter } from 'uni-mini-router';
+import { reactive, ref, unref } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+import { omit } from 'lodash-es';
+import { useAuthStore } from '@/stores/modules/auth';
+import { login } from '@/services/api/auth';
+import { Toast } from '@/utils/uniapi/prompt';
 
 const pageQuery = ref<Record<string, any> | undefined>(undefined);
 onLoad((query) => {
-    pageQuery.value = query;
+  pageQuery.value = query;
 });
 
 const router = useRouter();
 
 const form = reactive({
-    email: 'uni-app@test.com',
-    password: 'Vue3_Ts_Vite',
+  email: 'uni-app@test.com',
+  password: 'Vue3_Ts_Vite',
 });
 const authStore = useAuthStore();
 const { send: sendLogin } = useRequest(login, { immediate: false });
-const submit = (e: any) => {
-    sendLogin(e.detail.value).then((res) => {
-        Toast('登录成功', { duration: 1500 });
-        authStore.setToken(res.token);
-        setTimeout(() => {
-            if (unref(pageQuery)?.redirect) {
-                // 如果有存在redirect(重定向)参数，登录成功后直接跳转
-                const params = omit(unref(pageQuery), ['redirect', 'tabBar']);
-                if (unref(pageQuery)?.tabBar) {
-                    // 这里replace方法无法跳转tabbar页面故改为replaceAll
-                    router.replaceAll({ name: unref(pageQuery).redirect, params });
-                } else {
-                    router.replace({ name: unref(pageQuery).redirect, params });
-                }
-            } else {
-                // 不存在则返回上一页
-                router.back();
-            }
-        }, 1500);
-    });
-};
+function submit(e: any) {
+  sendLogin(e.detail.value).then((res) => {
+    Toast('登录成功', { duration: 1500 });
+    authStore.setToken(res.token);
+    setTimeout(() => {
+      if (unref(pageQuery)?.redirect) {
+        // 如果有存在redirect(重定向)参数，登录成功后直接跳转
+        const params = omit(unref(pageQuery), ['redirect', 'tabBar']);
+        if (unref(pageQuery)) {
+          // 这里replace方法无法跳转tabbar页面故改为replaceAll
+          unref(pageQuery)?.tabBar === 'true'
+            ? router.replaceAll({ name: unref(pageQuery)?.redirect, params })
+            : router.replace({ name: unref(pageQuery)?.redirect, params });
+        }
+      } else {
+        // 不存在则返回上一页
+        router.back();
+      }
+    }, 1500);
+  });
+}
 </script>
 
 <template>
-    <view class="container">
-        <view class="title">登录</view>
-        <view class="form-wrap">
-            <form class="form" @submit="submit">
-                <label class="form-item">
-                    <view class="form-label">邮箱:</view>
-                    <view class="form-element"><input name="email" :value="form.email" /></view>
-                </label>
-                <label class="form-item">
-                    <view class="form-label">密码:</view>
-                    <view class="form-element"><input type="password" name="password" :value="form.password" /></view>
-                </label>
-                <button form-type="submit" class="submit-btn" hover-class="none">登录</button>
-            </form>
-        </view>
+  <view class="container">
+    <view class="title">
+      登录
     </view>
+    <view class="form-wrap">
+      <form class="form" @submit="submit">
+        <label class="form-item">
+          <view class="form-label">邮箱:</view>
+          <view class="form-element"><input name="email" :value="form.email"></view>
+        </label>
+        <label class="form-item">
+          <view class="form-label">密码:</view>
+          <view class="form-element"><input type="password" name="password" :value="form.password"></view>
+        </label>
+        <button form-type="submit" class="submit-btn" hover-class="none">
+          登录
+        </button>
+      </form>
+    </view>
+  </view>
 </template>
 
 <style lang="scss" scoped>
 .container {
-    margin: 0 auto;
-    width: 80%;
+  margin: 0 auto;
+  width: 80%;
 
-    .title {
-        padding: 320rpx 0 32rpx 0;
-        text-align: center;
-    }
+  .title {
+    padding: 320rpx 0 32rpx 0;
+    text-align: center;
+  }
 
-    .form-wrap {
-        padding: 20rpx 24rpx;
-        box-shadow: 16rpx 16rpx 30rpx #e5e7eb;
+  .form-wrap {
+    padding: 20rpx 24rpx;
+    box-shadow: 16rpx 16rpx 30rpx #e5e7eb;
 
-        .form {
-            .form-item {
-                display: flex;
-                height: 88rpx;
-                border-bottom: 2rpx solid #dbeafe;
-                align-items: center;
+    .form {
+      .form-item {
+        display: flex;
+        height: 88rpx;
+        border-bottom: 2rpx solid #dbeafe;
+        align-items: center;
 
-                .form-label {
-                    min-width: 96rpx;
-                }
-
-                .form-element {
-                    flex-grow: 1;
-                }
-            }
-
-            .submit-btn {
-                margin-top: 44rpx;
-                border: 4rpx solid #bfdbfe;
-                background-color: #60a5fa;
-                border-radius: 8rpx;
-                font-size: 28rpx;
-                color: #ffffff;
-
-                :hover {
-                    background-color: #3b82f6;
-                }
-            }
+        .form-label {
+          min-width: 96rpx;
         }
+
+        .form-element {
+          flex-grow: 1;
+        }
+      }
+
+      .submit-btn {
+        margin-top: 44rpx;
+        border: 4rpx solid #bfdbfe;
+        background-color: #60a5fa;
+        border-radius: 8rpx;
+        font-size: 28rpx;
+        color: #ffffff;
+
+        :hover {
+          background-color: #3b82f6;
+        }
+      }
     }
+  }
 }
 </style>
diff --git a/src/pages/notFound/404.vue b/src/pages/notFound/404.vue
index 61b1fcb..eecdc4a 100644
--- a/src/pages/notFound/404.vue
+++ b/src/pages/notFound/404.vue
@@ -6,26 +6,28 @@ const go = ref<string>('');
 const router = useRouter();
 const redirect = ref<string>('');
 onLoad((query) => {
-    go.value = query?.go || '';
-    redirect.value = query?.redirect || '';
+  go.value = query?.go || '';
+  redirect.value = query?.redirect || '';
 });
 
 /**
  * 返回首页
  */
-const backHome = () => {
-    router.pushTab(redirect.value);
-};
+function backHome() {
+  router.pushTab(redirect.value);
+}
 </script>
 
 <template>
-    <view class="w-screen flex flex-col items-center pt-320rpx">
-        <image class="w-360rpx" mode="widthFix" src="/static/svg/weep.svg" />
-        <view class="mb-40rpx">
-            <text>{{ go }} 页面找不到了~</text>
-        </view>
-        <BasicButton @click="backHome">返回首页</BasicButton>
+  <view class="w-screen flex flex-col items-center pt-320rpx">
+    <image class="w-360rpx" mode="widthFix" src="/static/svg/weep.svg" />
+    <view class="mb-40rpx">
+      <text>{{ go }} 页面找不到了~</text>
     </view>
+    <BasicButton @click="backHome">
+      返回首页
+    </BasicButton>
+  </view>
 </template>
 
 <style lang="scss" scoped></style>
diff --git a/src/pages/template/index.vue b/src/pages/template/index.vue
index 1dc1042..61e6091 100644
--- a/src/pages/template/index.vue
+++ b/src/pages/template/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup></script>
 
 <template>
-    <view> 页面模板,新建pages,将此页面内容复制粘贴到新建.vue文件 </view>
+  <view> 页面模板,新建pages,将此页面内容复制粘贴到新建.vue文件 </view>
 </template>
 
 <style lang="scss" scoped></style>
diff --git a/src/pagesA/list/test1/index.vue b/src/pagesA/list/test1/index.vue
index 238fc76..a5bb892 100644
--- a/src/pagesA/list/test1/index.vue
+++ b/src/pagesA/list/test1/index.vue
@@ -2,12 +2,20 @@
 import BasicButton from '@/components/BasicButton/index.vue';
 
 const router = useRouter();
-const jumpTest2 = () => {
-    router.push('/pagesA/list/test2/index?id=256');
-};
+function jumpTest2() {
+  router.push('/pagesA/list/test2/index?id=256');
+}
 </script>
+
 <template>
-    <view class="_u_center"> Test1 </view>
-    <view class="_u_center"><BasicButton @click="jumpTest2">Test2 → </BasicButton></view>
+  <view class="center">
+    Test1
+  </view>
+  <view class="center">
+    <BasicButton @click="jumpTest2">
+      Test2 →
+    </BasicButton>
+  </view>
 </template>
+
 <style scoped></style>
diff --git a/src/pagesA/list/test2/index.vue b/src/pagesA/list/test2/index.vue
index 928c4a7..74e08c5 100644
--- a/src/pagesA/list/test2/index.vue
+++ b/src/pagesA/list/test2/index.vue
@@ -2,14 +2,18 @@
 import BasicButton from '@/components/BasicButton/index.vue';
 
 const router = useRouter();
-const jumpDetail = () => {
-    router.push('/pagesB/detail/index?page=1&limit=20');
-};
+function jumpDetail() {
+  router.push('/pagesB/detail/index?page=1&limit=20');
+}
 </script>
+
 <template>
-    <view>
-        <view> Test2 </view>
-        <BasicButton @click="jumpDetail">Detail → </BasicButton>
-    </view>
+  <view>
+    <view> Test2 </view>
+    <BasicButton @click="jumpDetail">
+      Detail →
+    </BasicButton>
+  </view>
 </template>
+
 <style scoped></style>
diff --git a/src/pagesB/detail/index.vue b/src/pagesB/detail/index.vue
index 32a2e11..bb3d124 100644
--- a/src/pagesB/detail/index.vue
+++ b/src/pagesB/detail/index.vue
@@ -1,3 +1,7 @@
 <script lang="ts" setup></script>
-<template>Detail</template>
+
+<template>
+  Detail
+</template>
+
 <style scoped></style>
diff --git a/src/router/guard.ts b/src/router/guard.ts
index f3cf2e4..dcc62f2 100644
--- a/src/router/guard.ts
+++ b/src/router/guard.ts
@@ -1,42 +1,42 @@
-import { useAuthStore } from '@/state/modules/auth';
-import { Router } from 'uni-mini-router/lib/interfaces';
+import type { Router } from 'uni-mini-router/lib/interfaces';
 
 export function createRouterGuard(router: Router) {
-    createBeforeEachGuard(router);
-    createAfterEachGuard(router);
+  createBeforeEachGuard(router);
+  createAfterEachGuard(router);
 }
 
 function createBeforeEachGuard(router: Router) {
-    router.beforeEach((to, _, next) => {
-        const authStore = useAuthStore();
-        // @ts-ignore
-        if (to && to?.meta?.ignoreAuth) {
-            // 如果目标路由忽略验证直接跳转
-            next();
-        } else if (!authStore.isLogin && to && to.name !== 'Login') {
-            // 如果没有登录且目标路由不是登录页面则跳转到登录页面
-            // 将目标路由和参数传入登录页面，登录成功后直接跳转到目标路由，优化体验
-            next({ name: 'Login', params: { redirect: to.name!, tabBar: to?.meta?.tabBar, ...to.query }, navType: 'push' });
-        } else if (authStore.isLogin && to && to.name === 'Login') {
-            // 如果已经登录且目标页面是登录页面则跳转至首页
-            next({ name: 'Home', navType: 'replaceAll' });
-        } else {
-            next();
-        }
-    });
+  router.beforeEach((_1, _2, next) => {
+    // const authStore = useAuthStore();
+    // if (to && to?.meta?.ignoreAuth) {
+    //   // 如果目标路由忽略验证直接跳转
+    //   next();
+    // } else if (!authStore.isLogin && to && to.name !== 'Login') {
+    //   // 如果没有登录且目标路由不是登录页面则跳转到登录页面
+    //   // 将目标路由和参数传入登录页面，登录成功后直接跳转到目标路由，优化体验
+    //   next({ name: 'Login', params: { redirect: to.name!, ...to.query }, navType: 'push' });
+    // } else if (authStore.isLogin && to && to.name === 'Login') {
+    //   // 如果已经登录且目标页面是登录页面则跳转至首页
+    //   next({ name: 'Home', navType: 'replaceAll' });
+    // } else {
+    //   next();
+    // }
+    next();
+  });
 }
 
 function createAfterEachGuard(router: Router) {
-    router.afterEach((to) => {
-        // @ts-ignore
-        if (to && to?.meta?.ignoreAuth) return;
-        const authStore = useAuthStore();
-        if (!authStore.isLogin && to && to.name !== 'Login') {
-            // 如果没有登录且目标路由不是登录页面则跳转到登录页面
-            router.push({ name: 'Login', params: { tabBar: to?.meta?.tabBar, ...to.query }});
-        } else if (authStore.isLogin && to && to.name === 'Login') {
-            // 如果已经登录且目标页面是登录页面则跳转至首页
-            router.replaceAll({ name: 'Home' });
-        }
-    });
+  router.afterEach((_) => {
+    // if (to && to?.meta?.ignoreAuth)
+    //   return;
+    // const authStore = useAuthStore();
+    // if (!authStore.isLogin && to && to.name !== 'Login') {
+    //   // 如果没有登录且目标路由不是登录页面则跳转到登录页面
+    //   router.push({ name: 'Login', params: { ...to.query } });
+    // } else if (authStore.isLogin && to && to.name === 'Login') {
+    //   // 如果已经登录且目标页面是登录页面则跳转至首页
+    //   router.replaceAll({ name: 'Home' });
+    // }
+    console.log('afterEach', _);
+  });
 }
diff --git a/src/router/index.ts b/src/router/index.ts
index 24d2598..55a004a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -3,17 +3,17 @@
  * @see https://gitee.com/fant-mini/uni-mini-router
  */
 import { createRouter } from 'uni-mini-router';
-import { App } from 'vue';
-import { createRouterGuard } from '@/router/guard';
+import type { App } from 'vue';
+import { createRouterGuard } from './guard';
 
 const router = createRouter({
-    routes: [...ROUTES], // 路由表信息
+  routes: [...ROUTES], // 路由表信息
 });
 
 export function setupRouter(app: App<Element>) {
-    // Configure router guard
-    createRouterGuard(router);
-    app.use(router);
+  // Configure router guard
+  createRouterGuard(router);
+  app.use(router);
 }
 
 export { router };
diff --git a/src/services/api/auth.ts b/src/services/api/auth.ts
index e9b4f67..3d2d7e6 100644
--- a/src/services/api/auth.ts
+++ b/src/services/api/auth.ts
@@ -9,19 +9,19 @@ const REFRESH_TOKEN = '/refresh/token';
  * @param params
  */
 export function login(params: LoginParams) {
-    return request.Post<LoginModel>(LOGIN, params);
+  return request.Post<LoginModel>(LOGIN, params);
 }
 
 /**
  * 登出
  */
 export function logout() {
-    return request.Post(LOGIN_OUT, {});
+  return request.Post(LOGIN_OUT, {});
 }
 
 /**
  * 刷新token
  */
 export function refreshToken() {
-    return request.Post<LoginModel>(REFRESH_TOKEN, {});
+  return request.Post<LoginModel>(REFRESH_TOKEN, {});
 }
diff --git a/src/services/model/authModel.d.ts b/src/services/model/authModel.d.ts
index 5bbd2f9..3ec2fc2 100644
--- a/src/services/model/authModel.d.ts
+++ b/src/services/model/authModel.d.ts
@@ -1,7 +1,7 @@
 declare interface LoginParams {
-    email: string;
-    password: string;
+  email: string
+  password: string
 }
 declare interface LoginModel {
-    token: string;
+  token: string
 }
diff --git a/src/services/model/baseModel.d.ts b/src/services/model/baseModel.d.ts
index 2d96d92..5e70f0c 100644
--- a/src/services/model/baseModel.d.ts
+++ b/src/services/model/baseModel.d.ts
@@ -1,7 +1,7 @@
-import { ResultEnum } from '@/enums/httpEnum';
+import type { ResultEnum } from '@/enums/httpEnum';
 
 declare interface API<T = any> {
-    code: ResultEnum;
-    data?: T;
-    message: string;
+  code: ResultEnum
+  data?: T
+  message: string
 }
diff --git a/src/settings/encryptionSetting.ts b/src/settings/encryptionSetting.ts
index 90ae133..66c6fbb 100644
--- a/src/settings/encryptionSetting.ts
+++ b/src/settings/encryptionSetting.ts
@@ -7,8 +7,8 @@ export const DEFAULT_PREFIX_KEY = `${PREFIX}${getPkgVersion()}`;
 
 // aes encryption key
 export const cacheCipher = {
-    key: 'aQ0{gD1@c_0@oH5:',
-    iv: 'aF0#gC_$hE1$eA1!',
+  key: 'aQ0{gD1@c_0@oH5:',
+  iv: 'aF0#gC_$hE1$eA1!',
 };
 
 // Whether the system cache is encrypted using aes
diff --git a/src/state/app.ts b/src/state/app.ts
deleted file mode 100644
index ffc0478..0000000
--- a/src/state/app.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineStore } from 'pinia';
-
-interface AppState {
-    sys?: string | number;
-}
-
-export const useAppStore = defineStore({
-    id: 'app-store',
-    state: (): AppState => ({}),
-    getters: {},
-    actions: {},
-});
diff --git a/src/state/modules/auth.ts b/src/state/modules/auth.ts
deleted file mode 100644
index fb6a319..0000000
--- a/src/state/modules/auth.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { defineStore } from 'pinia';
-import { getCache, removeCache, setCache } from '@/utils/cache';
-import { TOKEN_KEY } from '@/enums/cacheEnum';
-// import { logout } from '@/services/api/auth';
-
-interface AuthState {
-    token?: string;
-}
-
-export const useAuthStore = defineStore({
-    id: 'auth',
-    state: (): AuthState => ({
-        token: undefined,
-    }),
-    getters: {
-        getToken: (state) => state.token,
-        isLogin: (state): boolean => !!state.token,
-        getAuthorization: (state) => {
-            return state.token ? { authorization: `Bearer ${state.token}` } : {};
-        },
-    },
-    actions: {
-        initToken() {
-            this.token = getCache<string>(TOKEN_KEY) || undefined;
-        },
-        setToken(token: string | undefined) {
-            setCache(TOKEN_KEY, token);
-            this.token = token;
-        },
-        /**
-         * @description 登出
-         */
-        async loginOut(): Promise<any> {
-            try {
-                // await logout();
-                removeCache(TOKEN_KEY);
-                this.setToken(undefined);
-            } catch (err: any) {
-                console.error(err);
-            }
-        },
-        /**
-         * @description 刷新token
-         */
-        // async refreshToken(): Promise<LoginModel> {
-        //     try {
-        //         const { data } = await refreshToken();
-        //         this.setToken(data.token);
-        //         return Promise.resolve(data);
-        //     } catch (err: any) {
-        //         return Promise.reject(err);
-        //     }
-        // },
-    },
-});
diff --git a/src/state/modules/user.ts b/src/state/modules/user.ts
deleted file mode 100644
index 1d434b5..0000000
--- a/src/state/modules/user.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { defineStore } from 'pinia';
-
-interface UserState {
-    id?: string | number;
-}
-
-export const useUserStore = defineStore({
-    id: 'user',
-    state: (): UserState => ({}),
-    getters: {},
-    actions: {},
-});
diff --git a/src/stores/app.ts b/src/stores/app.ts
new file mode 100644
index 0000000..87a6977
--- /dev/null
+++ b/src/stores/app.ts
@@ -0,0 +1,12 @@
+import { defineStore } from 'pinia';
+
+interface AppState {
+  sys?: string | number
+}
+
+export const useAppStore = defineStore({
+  id: 'app-store',
+  state: (): AppState => ({}),
+  getters: {},
+  actions: {},
+});
diff --git a/src/state/index.ts b/src/stores/index.ts
similarity index 89%
rename from src/state/index.ts
rename to src/stores/index.ts
index d31e790..efaf6c9 100644
--- a/src/state/index.ts
+++ b/src/stores/index.ts
@@ -4,7 +4,7 @@ import { createPinia } from 'pinia';
 const store = createPinia();
 
 export function setupStore(app: App<Element>) {
-    app.use(store);
+  app.use(store);
 }
 
 export { store };
diff --git a/src/stores/modules/auth.ts b/src/stores/modules/auth.ts
new file mode 100644
index 0000000..7927e26
--- /dev/null
+++ b/src/stores/modules/auth.ts
@@ -0,0 +1,56 @@
+import { defineStore } from 'pinia';
+import { getCache, removeCache, setCache } from '@/utils/cache';
+import { TOKEN_KEY } from '@/enums/cacheEnum';
+
+// import { logout } from '@/services/api/auth';
+
+interface AuthState {
+  token?: string | null
+}
+
+export const useAuthStore = defineStore({
+  id: 'auth',
+  state: (): AuthState => ({
+    token: null,
+  }),
+  getters: {
+    getToken: state => state.token,
+    isLogin: (state): boolean => !!state.token,
+    getAuthorization: (state) => {
+      return state.token ? { authorization: `Bearer ${state.token}` } : {};
+    },
+  },
+  actions: {
+    initToken() {
+      this.token = getCache<string>(TOKEN_KEY) || null;
+    },
+    setToken(token: string | null) {
+      setCache(TOKEN_KEY, token);
+      this.token = token;
+    },
+    /**
+     * @description 登出
+     */
+    async loginOut(): Promise<any> {
+      try {
+        // await logout();
+        removeCache(TOKEN_KEY);
+        this.setToken(null);
+      } catch (err: any) {
+        console.error(err);
+      }
+    },
+    /**
+     * @description 刷新token
+     */
+    // async refreshToken(): Promise<LoginModel> {
+    //     try {
+    //         const { data } = await refreshToken();
+    //         this.setToken(data.token);
+    //         return Promise.resolve(data);
+    //     } catch (err: any) {
+    //         return Promise.reject(err);
+    //     }
+    // },
+  },
+});
diff --git a/src/stores/modules/user.ts b/src/stores/modules/user.ts
new file mode 100644
index 0000000..8017833
--- /dev/null
+++ b/src/stores/modules/user.ts
@@ -0,0 +1,12 @@
+import { defineStore } from 'pinia';
+
+interface UserState {
+  id?: string | number
+}
+
+export const useUserStore = defineStore({
+  id: 'user',
+  state: (): UserState => ({}),
+  getters: {},
+  actions: {},
+});
diff --git a/src/styles/main.css b/src/styles/main.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/types.d.ts b/src/types.d.ts
index f455123..c8458b7 100644
--- a/src/types.d.ts
+++ b/src/types.d.ts
@@ -1,2 +1,3 @@
-//type.d.ts
+// type.d.ts
 declare const ROUTES: [];
+declare const PLATFORM: string;
diff --git a/src/types/env.d.ts b/src/types/env.d.ts
index f3023fc..de89413 100644
--- a/src/types/env.d.ts
+++ b/src/types/env.d.ts
@@ -1,22 +1,24 @@
 // / <reference types="vite/client" />
 
 declare module '*.vue' {
-    import { DefineComponent } from 'vue';
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-    const component: DefineComponent<{}, {}, any>;
-    export default component;
+  import type { DefineComponent } from 'vue';
+
+  const component: DefineComponent<NonNullable<unknown>, NonNullable<unknown>, any>;
+  export default component;
 }
 
 interface ImportMetaEnv {
-    readonly VITE_ENV: string;
-    readonly VITE_APP_TITLE: string;
-    readonly VITE_BASE_URL: string;
-    readonly VITE_UPLOAD_URL: string;
-    readonly VITE_APP_CACHE_PREFIX: string;
-    readonly VITE_PORT: number;
-    readonly VITE_USE_MOCK: string;
+  readonly VITE_ENV: string
+  readonly VITE_APP_TITLE: string
+  readonly VITE_BASE_URL: string
+  readonly VITE_UPLOAD_URL: string
+  readonly VITE_APP_CACHE_PREFIX: string
+  readonly VITE_PORT: number
+  readonly VITE_USE_MOCK: string | boolean
+  readonly VITE_PROXY_PREFIX: string
+  readonly VITE_UPLOAD_PROXY_PREFIX: string
 }
 
 interface ImportMeta {
-    readonly env: ImportMetaEnv;
+  readonly env: ImportMetaEnv
 }
diff --git a/src/types/uni-mini-router.d.ts b/src/types/uni-mini-router.d.ts
new file mode 100644
index 0000000..0dedb45
--- /dev/null
+++ b/src/types/uni-mini-router.d.ts
@@ -0,0 +1,8 @@
+declare module 'uni-mini-router' {
+  interface Route {
+    meta?: {
+      ignoreAuth?: boolean
+      tabBar?: boolean
+    }
+  }
+}
diff --git a/src/types/unplugin-transform-class-vite.d.ts b/src/types/unplugin-transform-class-vite.d.ts
new file mode 100644
index 0000000..28d3383
--- /dev/null
+++ b/src/types/unplugin-transform-class-vite.d.ts
@@ -0,0 +1,4 @@
+declare module 'unplugin-transform-class/vite' {
+  const transformClassVitePlugin: any;
+  export default transformClassVitePlugin;
+}
diff --git a/src/uni.scss b/src/uni.scss
index e69de29..ddcd3f8 100644
--- a/src/uni.scss
+++ b/src/uni.scss
@@ -0,0 +1,47 @@
+view,
+scroll-view,
+swiper,
+match-media,
+movable-area,
+movable-view,
+cover-view,
+cover-image,
+icon,
+text,
+rich-text,
+progress,
+button,
+checkboxe,
+ditor,
+form,
+input,
+label,
+picker,
+picker-view,
+radio,
+slider,
+switch,
+textarea,
+navigator,
+audio,
+camera,
+image,
+video,
+live-player,
+live-pusher,
+map,
+canvas,
+web-view,
+:before,
+:after {
+  box-sizing: border-box;
+}
+
+/* 隐藏scroll-view的滚动条 */
+::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+  -webkit-appearance: none;
+  background: transparent;
+}
diff --git a/src/utils/cache/index.ts b/src/utils/cache/index.ts
index d902dfc..6b23b3d 100644
--- a/src/utils/cache/index.ts
+++ b/src/utils/cache/index.ts
@@ -1,28 +1,29 @@
-import { createStorage, CreateStorageParams } from './storageCache';
-import { cacheCipher, DEFAULT_CACHE_TIME, DEFAULT_PREFIX_KEY, enableStorageEncryption } from '@/settings/encryptionSetting';
+import type { CreateStorageParams } from './storageCache';
+import { createStorage } from './storageCache';
+import { DEFAULT_CACHE_TIME, DEFAULT_PREFIX_KEY, cacheCipher, enableStorageEncryption } from '@/settings/encryptionSetting';
 
 const options: Partial<CreateStorageParams> = {
-    prefixKey: DEFAULT_PREFIX_KEY,
-    key: cacheCipher.key,
-    iv: cacheCipher.iv,
-    hasEncrypt: enableStorageEncryption,
-    timeout: DEFAULT_CACHE_TIME,
+  prefixKey: DEFAULT_PREFIX_KEY,
+  key: cacheCipher.key,
+  iv: cacheCipher.iv,
+  hasEncrypt: enableStorageEncryption,
+  timeout: DEFAULT_CACHE_TIME,
 };
 
 export const storage = createStorage(options);
 
 export function setCache(key: string, value: any, expire?: number | null): void {
-    storage.set(key, value, expire);
+  storage.set(key, value, expire);
 }
 
 export function getCache<T = any>(key: string): T {
-    return storage.get<T>(key);
+  return storage.get<T>(key);
 }
 
 export function removeCache(key: string): void {
-    return storage.remove(key);
+  return storage.remove(key);
 }
 
 export function clearCache(): void {
-    return storage.clear();
+  return storage.clear();
 }
diff --git a/src/utils/cache/storageCache.ts b/src/utils/cache/storageCache.ts
index 180efbc..4515208 100644
--- a/src/utils/cache/storageCache.ts
+++ b/src/utils/cache/storageCache.ts
@@ -4,110 +4,107 @@ import { AesEncryption } from '@/utils/cipher';
 import { isNullOrUnDef } from '@/utils/is';
 
 export interface CreateStorageParams extends EncryptionParams {
-    prefixKey: string;
-    hasEncrypt: boolean;
-    timeout?: number | null;
+  prefixKey: string
+  hasEncrypt: boolean
+  timeout?: number | null
 }
-export const createStorage = ({
-    prefixKey = '',
-    key = cacheCipher.key,
-    iv = cacheCipher.iv,
-    timeout = null,
-    hasEncrypt = true,
-}: Partial<CreateStorageParams> = {}) => {
-    if (hasEncrypt && [key.length, iv.length].some((item) => item !== 16)) {
-        throw new Error('When hasEncrypt is true, the key or iv must be 16 bits!');
+export function createStorage({
+  prefixKey = '',
+  key = cacheCipher.key,
+  iv = cacheCipher.iv,
+  timeout = null,
+  hasEncrypt = true,
+}: Partial<CreateStorageParams> = {}) {
+  if (hasEncrypt && [key.length, iv.length].some(item => item !== 16)) {
+    throw new Error('When hasEncrypt is true, the key or iv must be 16 bits!');
+  }
+
+  const encryption = new AesEncryption({ key, iv });
+
+  /**
+   * Cache class
+   * Construction parameters can be passed into sessionStorage, localStorage,
+   * @class Cache
+   * @example
+   */
+  class Storage {
+    private prefixKey?: string;
+
+    private encryption: AesEncryption;
+
+    private hasEncrypt: boolean;
+
+    constructor() {
+      this.prefixKey = prefixKey;
+      this.encryption = encryption;
+      this.hasEncrypt = hasEncrypt;
     }
 
-    const encryption = new AesEncryption({ key, iv });
+    private getKey(key: string) {
+      return `${this.prefixKey}${key}`.toUpperCase();
+    }
 
     /**
-     * Cache class
-     * Construction parameters can be passed into sessionStorage, localStorage,
-     * @class Cache
-     * @example
+     * Set cache
+     * @param {string} key
+     * @param {*} value
+     * @param {*} expire Expiration time in seconds
+     * @memberof Cache
      */
-    class Storage {
-        private prefixKey?: string;
-
-        private encryption: AesEncryption;
-
-        private hasEncrypt: boolean;
-
-        /**
-         *
-         * @param {*} storage
-         */
-        constructor() {
-            this.prefixKey = prefixKey;
-            this.encryption = encryption;
-            this.hasEncrypt = hasEncrypt;
-        }
-
-        private getKey(key: string) {
-            return `${this.prefixKey}${key}`.toUpperCase();
-        }
-
-        /**
-         * Set cache
-         * @param {string} key
-         * @param {*} value
-         * @param {*} expire Expiration time in seconds
-         * @memberof Cache
-         */
-        set(key: string, value: any, expire: number | null = timeout) {
-            try {
-                const stringData = JSON.stringify({
-                    value,
-                    time: Date.now(),
-                    expire: !isNullOrUnDef(expire) ? new Date().getTime() + expire * 1000 : null,
-                });
-                const stringifyValue = this.hasEncrypt ? this.encryption.encryptByAES(stringData) : stringData;
-                uni.setStorageSync(this.getKey(key), stringifyValue);
-            } catch (err) {
-                throw new Error(`setStorageSync error: ${err}`);
-            }
-        }
-
-        /**
-         * Read cache
-         * @param {string} key
-         * @param {*} def
-         * @memberof Cache
-         */
-        get<T = any>(key: string, def: any = null): T {
-            const val = uni.getStorageSync(this.getKey(key));
-            if (!val) return def;
-
-            try {
-                const decVal = this.hasEncrypt ? this.encryption.decryptByAES(val) : val;
-                const data = JSON.parse(decVal);
-                const { value, expire } = data;
-                if (isNullOrUnDef(expire) || expire < new Date().getTime()) {
-                    this.remove(key);
-                    return def;
-                }
-                return value;
-            } catch (e) {
-                return def;
-            }
-        }
-
-        /**
-         * Delete cache based on key
-         * @param {string} key
-         * @memberof Cache
-         */
-        remove(key: string) {
-            uni.removeStorageSync(this.getKey(key));
-        }
-
-        /**
-         * Delete all caches of this instance
-         */
-        clear(): void {
-            uni.clearStorageSync();
-        }
+    set(key: string, value: any, expire: number | null = timeout) {
+      try {
+        const stringData = JSON.stringify({
+          value,
+          time: Date.now(),
+          expire: !isNullOrUnDef(expire) ? new Date().getTime() + expire * 1000 : null,
+        });
+        const stringifyValue = this.hasEncrypt ? this.encryption.encryptByAES(stringData) : stringData;
+        uni.setStorageSync(this.getKey(key), stringifyValue);
+      } catch (err) {
+        throw new Error(`setStorageSync error: ${err}`);
+      }
     }
-    return new Storage();
-};
+
+    /**
+     * Read cache
+     * @param {string} key
+     * @param {*} def
+     * @memberof Cache
+     */
+    get<T = any>(key: string, def: any = null): T {
+      const val = uni.getStorageSync(this.getKey(key));
+      if (!val)
+        return def;
+
+      try {
+        const decVal = this.hasEncrypt ? this.encryption.decryptByAES(val) : val;
+        const data = JSON.parse(decVal);
+        const { value, expire } = data;
+        if (isNullOrUnDef(expire) || expire < new Date().getTime()) {
+          this.remove(key);
+          return def;
+        }
+        return value;
+      } catch (e) {
+        return def;
+      }
+    }
+
+    /**
+     * Delete cache based on key
+     * @param {string} key
+     * @memberof Cache
+     */
+    remove(key: string) {
+      uni.removeStorageSync(this.getKey(key));
+    }
+
+    /**
+     * Delete all caches of this instance
+     */
+    clear(): void {
+      uni.clearStorageSync();
+    }
+  }
+  return new Storage();
+}
diff --git a/src/utils/cipher.ts b/src/utils/cipher.ts
index 135ee79..3ba8f44 100644
--- a/src/utils/cipher.ts
+++ b/src/utils/cipher.ts
@@ -1,4 +1,4 @@
-import { encrypt, decrypt } from 'crypto-js/aes';
+import { decrypt, encrypt } from 'crypto-js/aes';
 import UTF8, { parse } from 'crypto-js/enc-utf8';
 import pkcs7 from 'crypto-js/pad-pkcs7';
 import ECB from 'crypto-js/mode-ecb';
@@ -7,43 +7,43 @@ import md5 from 'crypto-js/md5';
 import Base64 from 'crypto-js/enc-base64';
 
 export interface EncryptionParams {
-    key: string;
-    iv: string;
+  key: string
+  iv: string
 }
 
 /**
  * AES 加密解密
  */
 export class AesEncryption {
-    private key;
+  private key;
 
-    private iv;
+  private iv;
 
-    constructor(opt: Partial<EncryptionParams> = {}) {
-        const { key, iv } = opt;
-        if (key) {
-            this.key = parse(key);
-        }
-        if (iv) {
-            this.iv = parse(iv);
-        }
+  constructor(opt: Partial<EncryptionParams> = {}) {
+    const { key, iv } = opt;
+    if (key) {
+      this.key = parse(key);
     }
-
-    get getOptions() {
-        return {
-            mode: ECB,
-            padding: pkcs7,
-            iv: this.iv,
-        };
+    if (iv) {
+      this.iv = parse(iv);
     }
+  }
 
-    encryptByAES(cipherText: string) {
-        return encrypt(cipherText, this.key!, this.getOptions).toString();
-    }
+  get getOptions() {
+    return {
+      mode: ECB,
+      padding: pkcs7,
+      iv: this.iv,
+    };
+  }
 
-    decryptByAES(cipherText: string) {
-        return decrypt(cipherText, this.key!, this.getOptions).toString(UTF8);
-    }
+  encryptByAES(cipherText: string) {
+    return encrypt(cipherText, this.key!, this.getOptions).toString();
+  }
+
+  decryptByAES(cipherText: string) {
+    return decrypt(cipherText, this.key!, this.getOptions).toString(UTF8);
+  }
 }
 
 /**
@@ -51,7 +51,7 @@ export class AesEncryption {
  * @param cipherText
  */
 export function encryptByBase64(cipherText: string) {
-    return UTF8.parse(cipherText).toString(Base64);
+  return UTF8.parse(cipherText).toString(Base64);
 }
 
 /**
@@ -59,7 +59,7 @@ export function encryptByBase64(cipherText: string) {
  * @param cipherText
  */
 export function decodeByBase64(cipherText: string) {
-    return Base64.parse(cipherText).toString(UTF8);
+  return Base64.parse(cipherText).toString(UTF8);
 }
 
 /**
@@ -67,5 +67,5 @@ export function decodeByBase64(cipherText: string) {
  * @param password
  */
 export function encryptByMd5(password: string) {
-    return md5(password).toString();
+  return md5(password).toString();
 }
diff --git a/src/utils/env.ts b/src/utils/env.ts
index 4e35efa..0910cb1 100644
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@@ -1,12 +1,10 @@
 import pkg from '../../package.json';
-import { judgePlatform } from '@/utils/platform';
-import { PLATFORMS } from '@/enums/platformEnum';
 
 /**
  * @description: Generate cache key according to version
  */
 export function getPkgVersion() {
-    return `${`__${pkg.version}`}__`.toUpperCase();
+  return `${`__${pkg.version}`}__`.toUpperCase();
 }
 
 /**
@@ -25,7 +23,7 @@ export const prodMode = 'production';
  * @example:
  */
 export function getEnvMode(): string {
-    return getEnvValue('VITE_ENV');
+  return getEnvValue('VITE_ENV');
 }
 
 /**
@@ -34,8 +32,8 @@ export function getEnvMode(): string {
  * @example:
  */
 export function getEnvValue<T = string>(key: keyof ImportMetaEnv): T {
-    const envValue = import.meta.env[key];
-    return (envValue === 'true' ? true : envValue === 'false' ? false : envValue) as unknown as T;
+  const envValue = import.meta.env[key];
+  return (envValue === 'true' ? true : envValue === 'false' ? false : envValue) as unknown as T;
 }
 
 /**
@@ -44,7 +42,7 @@ export function getEnvValue<T = string>(key: keyof ImportMetaEnv): T {
  * @example:
  */
 export function isDevMode(): boolean {
-    return getEnvMode() === devMode;
+  return getEnvMode() === devMode;
 }
 
 /**
@@ -53,7 +51,7 @@ export function isDevMode(): boolean {
  * @example:
  */
 export function isProdMode(): boolean {
-    return getEnvMode() === prodMode;
+  return getEnvMode() === prodMode;
 }
 
 /**
@@ -62,7 +60,7 @@ export function isProdMode(): boolean {
  * @example:
  */
 export function isUseMock(): boolean {
-    return getEnvValue('VITE_USE_MOCK');
+  return getEnvValue('VITE_USE_MOCK');
 }
 
 /**
@@ -71,7 +69,7 @@ export function isUseMock(): boolean {
  * @example:
  */
 export function getBaseUrl(): string {
-    return getEnvValue<string>('VITE_BASE_URL');
+  return getEnvValue<string>('VITE_BASE_URL');
 }
 
 /**
@@ -80,6 +78,5 @@ export function getBaseUrl(): string {
  * @example:
  */
 export function getUploadUrl(): string {
-    if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/upload';
-    return getEnvValue<string>('VITE_UPLOAD_URL');
+  return getEnvValue<string>('VITE_UPLOAD_URL');
 }
diff --git a/src/utils/http/checkStatus.ts b/src/utils/http/checkStatus.ts
index e3b3de9..2a0aa65 100644
--- a/src/utils/http/checkStatus.ts
+++ b/src/utils/http/checkStatus.ts
@@ -1,51 +1,51 @@
 import { Toast } from '@/utils/uniapi/prompt';
 
 export function checkStatus(status: number, msg: string): void {
-    let errMessage = null;
-    switch (status) {
-        case 400:
-            errMessage = `${msg}`;
-            break;
+  let errMessage = null;
+  switch (status) {
+      case 400:
+        errMessage = `${msg}`;
+        break;
         // 401: Not logged in
         // Jump to the login page if not logged in, and carry the path of the current page
         // Return to the current page after successful login. This step needs to be operated on the login page.
-        case 401:
-            errMessage = '用户没有权限（令牌、用户名、密码错误）!';
-            break;
-        case 403:
-            errMessage = '用户得到授权，但是访问是被禁止的!';
-            break;
-        case 404:
-            errMessage = '网络请求错误,未找到该资源!';
-            break;
-        case 405:
-            errMessage = '网络请求错误,请求方法未允许!';
-            break;
-        case 408:
-            errMessage = '网络请求超时!';
-            break;
-        case 500:
-            errMessage = '服务器错误,请联系管理员!';
-            break;
-        case 501:
-            errMessage = '网络未实现!';
-            break;
-        case 502:
-            errMessage = '服务不可用，服务器暂时过载或维护!';
-            break;
-        case 503:
-            errMessage = '服务不可用，服务器暂时过载或维护!';
-            break;
-        case 504:
-            errMessage = '网络超时!';
-            break;
-        case 505:
-            errMessage = 'http版本不支持该请求!';
-            break;
-        default:
-    }
+      case 401:
+        errMessage = '用户没有权限（令牌、用户名、密码错误）!';
+        break;
+      case 403:
+        errMessage = '用户得到授权，但是访问是被禁止的!';
+        break;
+      case 404:
+        errMessage = '网络请求错误,未找到该资源!';
+        break;
+      case 405:
+        errMessage = '网络请求错误,请求方法未允许!';
+        break;
+      case 408:
+        errMessage = '网络请求超时!';
+        break;
+      case 500:
+        errMessage = '服务器错误,请联系管理员!';
+        break;
+      case 501:
+        errMessage = '网络未实现!';
+        break;
+      case 502:
+        errMessage = '服务不可用，服务器暂时过载或维护!';
+        break;
+      case 503:
+        errMessage = '服务不可用，服务器暂时过载或维护!';
+        break;
+      case 504:
+        errMessage = '网络超时!';
+        break;
+      case 505:
+        errMessage = 'http版本不支持该请求!';
+        break;
+      default:
+  }
 
-    if (errMessage) {
-        Toast(errMessage);
-    }
+  if (errMessage) {
+    Toast(errMessage);
+  }
 }
diff --git a/src/utils/http/index.ts b/src/utils/http/index.ts
index 4ff0e16..f802f34 100644
--- a/src/utils/http/index.ts
+++ b/src/utils/http/index.ts
@@ -1,19 +1,18 @@
 import { createAlova } from 'alova';
 import AdapterUniapp from '@alova/adapter-uniapp';
+import { assign } from 'lodash-es';
+import { checkStatus } from './checkStatus';
 import { getBaseUrl, isUseMock } from '@/utils/env';
 import { mockAdapter } from '@/mock';
-import { assign } from 'lodash-es';
-import { useAuthStore } from '@/state/modules/auth';
-import { checkStatus } from '@/utils/http/checkStatus';
+import { useAuthStore } from '@/stores/modules/auth';
 import { ContentTypeEnum, ResultEnum } from '@/enums/httpEnum';
-import { Toast } from '@/utils/uniapi/prompt';
-import { API } from '@/services/model/baseModel';
+import type { API } from '@/services/model/baseModel';
 
 const BASE_URL = getBaseUrl();
 
 const HEADER = {
-    'Content-Type': ContentTypeEnum.JSON,
-    Accept: 'application/json, text/plain, */*',
+  'Content-Type': ContentTypeEnum.JSON,
+  'Accept': 'application/json, text/plain, */*',
 };
 
 /**
@@ -21,60 +20,50 @@ const HEADER = {
  * @link https://github.com/alovajs/alova
  */
 const alovaInstance = createAlova({
-    baseURL: BASE_URL,
-    ...AdapterUniapp({
-        /* #ifndef APP-PLUS */
-        mockRequest: isUseMock() ? mockAdapter : undefined, // APP 平台无法使用mock
-        /* #endif */
-    }),
-    timeout: 5000,
-    beforeRequest: (method) => {
-        const authStore = useAuthStore();
-        method.config.headers = assign(method.config.headers, HEADER, authStore.getAuthorization);
+  baseURL: BASE_URL,
+  localCache: null, // 设置为null即可全局关闭全部请求缓存
+  ...AdapterUniapp({
+    /* #ifndef APP-PLUS */
+    mockRequest: isUseMock() ? mockAdapter : undefined, // APP 平台无法使用mock
+    /* #endif */
+  }),
+  timeout: 5000,
+  beforeRequest: (method) => {
+    const authStore = useAuthStore();
+    method.config.headers = assign(method.config.headers, HEADER, authStore.getAuthorization);
+  },
+  responded: {
+    /**
+     * 请求成功的拦截器
+     * 第二个参数为当前请求的method实例，你可以用它同步请求前后的配置信息
+     * @param response
+     * @param method
+     */
+    onSuccess: async (response, method) => {
+      const { config } = method;
+      const { requestType } = config;
+      const { statusCode, data: rawData, errMsg } = response as UniNamespace.RequestSuccessCallbackResult;
+      if (statusCode === 200) {
+        if (requestType) {
+          return response;
+        }
+        const { code, message, data } = rawData as API;
+        if (code === ResultEnum.SUCCESS) {
+          return data as any;
+        }
+        checkStatus(statusCode, message || '');
+        throw new Error(`[请求错误]：${message}`);
+      }
+      throw new Error(`[请求错误]：${errMsg}`);
     },
-    responsed: {
-        /**
-         * 请求成功的拦截器
-         * 第二个参数为当前请求的method实例，你可以用它同步请求前后的配置信息
-         * @param response
-         * @param method
-         */
-        onSuccess: async (response, method) => {
-            const { config } = method;
-            const { enableDownload, enableUpload } = config;
-            // @ts-ignore
-            const { statusCode, data: rawData } = response;
-            const { code, message, data } = rawData as API;
-            if (statusCode === 200) {
-                if (enableDownload) {
-                    // 下载处理
-                    return rawData;
-                }
-                if (enableUpload) {
-                    // 上传处理
-                    return rawData;
-                }
-                if (code === ResultEnum.SUCCESS) {
-                    return data as any;
-                }
-                message && Toast(message);
-                return Promise.reject(rawData);
-            }
-            checkStatus(statusCode, message || '');
-            return Promise.reject(rawData);
-        },
 
-        /**
-         * 请求失败的拦截器，请求错误时将会进入该拦截器。
-         * 第二个参数为当前请求的method实例，你可以用它同步请求前后的配置信息
-         * @param err
-         * @param method
-         */
-        onError: (err, method) => {
-            // error('Request Error!');
-            return Promise.reject({ err, method });
-        },
+    /**
+     * 请求失败的拦截器，请求错误时将会进入该拦截器。
+     */
+    onError: (err) => {
+      throw new Error(`[请求错误]：${err}`);
     },
+  },
 });
 
 export const request = alovaInstance;
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 0801b72..297c424 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -6,9 +6,9 @@ import { isObject } from '@/utils/is';
  * @param target
  */
 export function deepMerge<T = any>(src: any = {}, target: any = {}): T {
-    let key: string;
-    for (key in target) {
-        src[key] = isObject(src[key]) ? deepMerge(src[key], target[key]) : (src[key] = target[key]);
-    }
-    return src;
+  let key: string;
+  for (key in target) {
+    src[key] = isObject(src[key]) ? deepMerge(src[key], target[key]) : (src[key] = target[key]);
+  }
+  return src;
 }
diff --git a/src/utils/interceptors/index.ts b/src/utils/interceptors/index.ts
index eabb5f6..1f3d627 100644
--- a/src/utils/interceptors/index.ts
+++ b/src/utils/interceptors/index.ts
@@ -1,4 +1,3 @@
-
 export function setupInterceptors() {
 
 }
diff --git a/src/utils/is.ts b/src/utils/is.ts
index de2a640..e880ba2 100644
--- a/src/utils/is.ts
+++ b/src/utils/is.ts
@@ -1,91 +1,91 @@
 const { toString } = Object.prototype;
 
 export function is(val: unknown, type: string) {
-    return toString.call(val) === `[object ${type}]`;
+  return toString.call(val) === `[object ${type}]`;
 }
 
 export function isDef<T = unknown>(val?: T): val is T {
-    return typeof val !== 'undefined';
+  return typeof val !== 'undefined';
 }
 
 export function isUnDef<T = unknown>(val?: T): val is T {
-    return !isDef(val);
+  return !isDef(val);
 }
 
 export function isObject(val: any): val is Record<any, any> {
-    return val !== null && is(val, 'Object');
+  return val !== null && is(val, 'Object');
 }
 
 export function isEmpty<T = unknown>(val: T): val is T {
-    if (isArray(val) || isString(val)) {
-        return val.length === 0;
-    }
+  if (isArray(val) || isString(val)) {
+    return val.length === 0;
+  }
 
-    if (val instanceof Map || val instanceof Set) {
-        return val.size === 0;
-    }
+  if (val instanceof Map || val instanceof Set) {
+    return val.size === 0;
+  }
 
-    if (isObject(val)) {
-        return Object.keys(val).length === 0;
-    }
+  if (isObject(val)) {
+    return Object.keys(val).length === 0;
+  }
 
-    return false;
+  return false;
 }
 
 export function isDate(val: unknown): val is Date {
-    return is(val, 'Date');
+  return is(val, 'Date');
 }
 
 export function isNull(val: unknown): val is null {
-    return val === null;
+  return val === null;
 }
 
 export function isNullAndUnDef(val: unknown): val is null | undefined {
-    return isUnDef(val) && isNull(val);
+  return isUnDef(val) && isNull(val);
 }
 
 export function isNullOrUnDef(val: unknown): val is null | undefined {
-    return isUnDef(val) || isNull(val);
+  return isUnDef(val) || isNull(val);
 }
 
 export function isNumber(val: unknown): val is number {
-    return is(val, 'Number');
+  return is(val, 'Number');
 }
 
 export function isPromise<T = any>(val: unknown): val is Promise<T> {
-    return is(val, 'Promise') && isObject(val) && isFunction(val.then) && isFunction(val.catch);
+  return is(val, 'Promise') && isObject(val) && isFunction(val.then) && isFunction(val.catch);
 }
 
 export function isString(val: unknown): val is string {
-    return is(val, 'String');
+  return is(val, 'String');
 }
 
 export function isFunction(val: unknown): val is Function {
-    return typeof val === 'function';
+  return typeof val === 'function';
 }
 
 export function isBoolean(val: unknown): val is boolean {
-    return is(val, 'Boolean');
+  return is(val, 'Boolean');
 }
 
 export function isRegExp(val: unknown): val is RegExp {
-    return is(val, 'RegExp');
+  return is(val, 'RegExp');
 }
 
 export function isArray(val: any): val is Array<any> {
-    return val && Array.isArray(val);
+  return val && Array.isArray(val);
 }
 
 export function isWindow(val: any): val is Window {
-    return typeof window !== 'undefined' && is(val, 'Window');
+  return typeof window !== 'undefined' && is(val, 'Window');
 }
 
 export function isElement(val: unknown): val is Element {
-    return isObject(val) && !!val.tagName;
+  return isObject(val) && !!val.tagName;
 }
 
 export function isMap(val: unknown): val is Map<any, any> {
-    return is(val, 'Map');
+  return is(val, 'Map');
 }
 
 export const isServer = typeof window === 'undefined';
@@ -93,8 +93,8 @@ export const isServer = typeof window === 'undefined';
 export const isClient = !isServer;
 
 export function isUrl(path: string): boolean {
-    // @ts-ignore
-    const reg =
-        /^((https|http|ftp|rtsp|mms):\/\/)(([0-9a-zA-Z_!~*'().&=+$%-]+: )?[0-9a-zA-Z_!~*'().&=+$%-]+@)?(([0-9]{1,3}.){3}[0-9]{1,3}|([0-9a-zA-Z_!~*'()-]+.)*([0-9a-zA-Z][0-9a-zA-Z-]{0,61})?[0-9a-zA-Z].[a-zA-Z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-zA-Z_!~*'().;?:@&=+$,%#-]+)+\/?)$/;
-    return reg.test(path);
+  // @ts-expect-error
+  const reg
+        = /^((https|http|ftp|rtsp|mms):\/\/)(([\w!~*'().&=+$%-]+: )?[\w!~*'().&=+$%-]+@)?((\d{1,3}.){3}\d{1,3}|([\w!~*'()-]+.)*([0-9a-zA-Z][0-9a-zA-Z-]{0,61})?[0-9a-zA-Z].[a-zA-Z]{2,6})(:\d{1,4})?((\/?)|(\/[\w!~*'().;?:@&=+$,%#-]+)+\/?)$/;
+  return reg.test(path);
 }
diff --git a/src/utils/log.ts b/src/utils/log.ts
index e99d0aa..944d9b0 100644
--- a/src/utils/log.ts
+++ b/src/utils/log.ts
@@ -3,9 +3,9 @@ import { getEnvValue } from '@/utils/env';
 const projectName = getEnvValue<string>('VITE_APP_TITLE');
 
 export function warn(message: string) {
-    console.warn(`[${projectName} warn]:${message}`);
+  console.warn(`[${projectName} warn]:${message}`);
 }
 
 export function error(message: string) {
-    throw new Error(`[${projectName} error]:${message}`);
+  throw new Error(`[${projectName} error]:${message}`);
 }
diff --git a/src/utils/platform.ts b/src/utils/platform.ts
index 23be0ef..974ddd2 100644
--- a/src/utils/platform.ts
+++ b/src/utils/platform.ts
@@ -1,124 +1,15 @@
-import { PLATFORMS } from '@/enums/platformEnum';
-
 /**
- * 判断是否是某个平台环境
- * @param target 目标平台
- *
- * @return boolean
+ * @description 获取当前平台
  */
-export function judgePlatform(target: PLATFORMS): boolean {
-    let isVue3 = false;
-    let isAppPlus = false;
-    let isAppPlusNvue = false;
-    let isAppNvue = false;
-    let isH5 = false;
-    let isMp = false;
-    let isMpWeinxin = false;
-    let isMpAlipay = false;
-    let isMpBaidu = false;
-    let isMpToutiao = false;
-    let isMpLark = false;
-    let isMpQq = false;
-    let isMpKuaishou = false;
-    // let isMpJd = false;
-    let isMp360 = false;
-    let isQuickAppWebView = false;
-    let isQuickAppWebViewUnion = false;
-    let isQuickAppWebViewHuawei = false;
 
-    switch (target) {
-        case PLATFORMS.VUE3:
-            /* #ifdef VUE3 */
-            isVue3 = true;
-            /* #endif */
-            return isVue3;
-        case PLATFORMS.APP_PLUS:
-            /* #ifdef APP-PLUS */
-            isAppPlus = true;
-            /* #endif */
-            return isAppPlus;
-        case PLATFORMS.APP_PLUS_NVUE:
-            /* #ifdef APP-PLUS-NVUE */
-            isAppPlusNvue = true;
-            /* #endif */
-            return isAppPlusNvue;
-        case PLATFORMS.APP_NVUE:
-            /* #ifdef APP-NVUE */
-            isAppNvue = true;
-            /* #endif */
-            return isAppNvue;
-        case PLATFORMS.H5:
-            /* #ifdef H5 */
-            isH5 = true;
-            /* #endif */
-            return isH5;
-        case PLATFORMS.MP:
-            /* #ifdef MP */
-            isMp = true;
-            /* #endif */
-            return isMp;
-        case PLATFORMS.MP_WEIXIN:
-            /* #ifdef MP-WEIXIN */
-            isMpWeinxin = true;
-            /* #endif */
-            return isMpWeinxin;
-        case PLATFORMS.MP_ALIPAY:
-            /* #ifdef MP-ALIPAY */
-            isMpAlipay = true;
-            /* #endif */
-            return isMpAlipay;
-        case PLATFORMS.MP_BAIDU:
-            /* #ifdef MP_BAIDU */
-            isMpBaidu = true;
-            /* #endif */
-            return isMpBaidu;
-        case PLATFORMS.MP_TOUTIAO:
-            /* #ifdef MP-TOUTIAO */
-            isMpToutiao = true;
-            /* #endif */
-            return isMpToutiao;
-        case PLATFORMS.MP_LARK:
-            /* #ifdef MP-LARK */
-            isMpLark = true;
-            /* #endif */
-            return isMpLark;
-        case PLATFORMS.MP_QQ:
-            /* #ifdef MP-QQ */
-            isMpQq = true;
-            /* #endif */
-            return isMpQq;
-        case PLATFORMS.MP_KUAISHOU:
-            /* #ifdef MP-KUAISHOU */
-            isMpKuaishou = true;
-            /* #endif */
-            return isMpKuaishou;
-        // case PLATFORMS.MP_JD:
-        //     /* #ifdef MP-JD */
-        //     isMpJd = true;
-        //     /* #endif */
-        //     return (isMpJd = true);
-        //     break;
-        case PLATFORMS.MP_360:
-            /* #ifdef MP-360 */
-            isMp360 = true;
-            /* #endif */
-            return isMp360;
-        case PLATFORMS.QUICKAPP_WEBVIEW:
-            /* #ifdef QUICKAPP-WEBVIEW */
-            isQuickAppWebView = true;
-            /* #endif */
-            return isQuickAppWebView;
-        case PLATFORMS.QUICKAPP_WEBVIEW_UNION:
-            /* #ifdef QUICKAPP-WEBVIEW-UNION */
-            isQuickAppWebViewUnion = true;
-            /* #endif */
-            return isQuickAppWebViewUnion;
-        case PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI:
-            /* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
-            isQuickAppWebViewHuawei = true;
-            /* #endif */
-            return isQuickAppWebViewHuawei;
-        default:
-            return false;
-    }
-}
+const platform = PLATFORM;
+const isH5 = platform === 'h5';
+const isApp = platform === 'app';
+const isMp = platform.startsWith('mp-');
+
+export {
+  platform,
+  isH5,
+  isApp,
+  isMp,
+};
diff --git a/src/utils/uniapi/index.ts b/src/utils/uniapi/index.ts
index 3f27af5..9983155 100644
--- a/src/utils/uniapi/index.ts
+++ b/src/utils/uniapi/index.ts
@@ -4,48 +4,50 @@
  * @param showToast 配置是否弹出提示，默认弹出提示
  * @constructor
  */
-export const SetClipboardData = (data: string, showToast = true) =>
-    new Promise((resolve, reject) => {
-        uni.setClipboardData({
-            data,
-            showToast,
-            success: (res) => {
-                resolve(res);
-            },
-            fail: (err) => {
-                reject(err);
-            },
-        });
+export function SetClipboardData(data: string, showToast = true) {
+  return new Promise((resolve, reject) => {
+    uni.setClipboardData({
+      data,
+      showToast,
+      success: (res) => {
+        resolve(res);
+      },
+      fail: (err) => {
+        reject(err);
+      },
     });
+  });
+}
 
 /**
  * @description 获取系统剪贴板内容
  * @constructor
  */
-export const GetClipboardData = () =>
-    new Promise((resolve, reject) => {
-        uni.getClipboardData({
-            success: (res) => {
-                resolve(res);
-            },
-            fail: (err) => {
-                reject(err);
-            },
-        });
+export function GetClipboardData() {
+  return new Promise((resolve, reject) => {
+    uni.getClipboardData({
+      success: (res) => {
+        resolve(res);
+      },
+      fail: (err) => {
+        reject(err);
+      },
     });
+  });
+}
 
 /**
  * rpx 换算为 px
  * @param upx
  */
-export const rpx2px = (upx: number) => {
-    return uni.upx2px(upx);
-};
+export function rpx2px(upx: number) {
+  return uni.upx2px(upx);
+}
 
 /**
  * px 换算为 rpx
  * @param px
  */
-export const px2rpx = (px: number) => {
-    return px / (uni.upx2px(100) / 100);
-};
+export function px2rpx(px: number) {
+  return px / (uni.upx2px(100) / 100);
+}
diff --git a/src/utils/uniapi/prompt.ts b/src/utils/uniapi/prompt.ts
index 6b129fc..fadbaff 100644
--- a/src/utils/uniapi/prompt.ts
+++ b/src/utils/uniapi/prompt.ts
@@ -10,20 +10,20 @@
  * @constructor
  */
 export function Toast(title: string, options?: Partial<UniApp.ShowToastOptions>) {
-    uni.showToast({
-        title,
-        duration: 1500,
-        icon: 'none',
-        mask: true,
-        ...options,
-    });
+  uni.showToast({
+    title,
+    duration: 1500,
+    icon: 'none',
+    mask: true,
+    ...options,
+  });
 }
 
 /**
  * 隐藏消息提示框
  */
 export function HideToast() {
-    uni.hideToast();
+  uni.hideToast();
 }
 
 /**
@@ -33,18 +33,18 @@ export function HideToast() {
  * @constructor
  */
 export function Loading(title: string, options?: Partial<UniApp.ShowLoadingOptions>) {
-    uni.showLoading({
-        title,
-        mask: true,
-        ...options,
-    });
+  uni.showLoading({
+    title,
+    mask: true,
+    ...options,
+  });
 }
 
 /**
  * 隐藏 loading 提示框
  */
 export function HideLoading() {
-    uni.hideLoading();
+  uni.hideLoading();
 }
 
 /**
@@ -53,17 +53,17 @@ export function HideLoading() {
  * @constructor
  */
 export function Modal(options: UniApp.ShowModalOptions) {
-    return new Promise((resolve, reject) => {
-        uni.showModal({
-            ...options,
-            success: (res) => {
-                resolve(res);
-            },
-            fail: (res) => {
-                reject(res);
-            },
-        });
+  return new Promise((resolve, reject) => {
+    uni.showModal({
+      ...options,
+      success: (res) => {
+        resolve(res);
+      },
+      fail: (res) => {
+        reject(res);
+      },
     });
+  });
 }
 
 /**
@@ -72,15 +72,15 @@ export function Modal(options: UniApp.ShowModalOptions) {
  * @constructor
  */
 export function ActionSheet(options: UniApp.ShowActionSheetOptions) {
-    return new Promise((resolve, reject) => {
-        uni.showActionSheet({
-            ...options,
-            success: (res) => {
-                resolve(res);
-            },
-            fail: (res) => {
-                reject(res);
-            },
-        });
+  return new Promise((resolve, reject) => {
+    uni.showActionSheet({
+      ...options,
+      success: (res) => {
+        resolve(res);
+      },
+      fail: (res) => {
+        reject(res);
+      },
     });
+  });
 }
diff --git a/tsconfig.json b/tsconfig.json
index 2ac2390..fdbc880 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,60 +1,60 @@
-{
-    "include": [
-        "src/**/*.ts",
-        "src/**/*.d.ts",
-        "src/**/*.tsx",
-        "src/**/*.vue",
-        "vite.config.*",
-        "typings/*.ts",
-        "typings/*.d.ts"
-    ], // 指定要包含在编译中的文件匹配列表
-    "exclude": [], // 指定要从编译中排除的文件列表
-    "compilerOptions": {
-        "baseUrl": "./", // 指定基目录以解析非相对模块名
-        // "rootDir": "./src", // 在源文件中指定根文件夹
-        // "outDir": "./dist", // 为所有发出的文件指定一个输出文件夹
-        "target": "ESNext", // 编译出目标语言版本
-        "module": "ESNext", // 生成代码的模板标准
-        "moduleResolution": "node", // 指定TypeScript如何从给定的模块说明符查找文件
-        "esModuleInterop": true, // 允许export=导出，由import from 导入
-        "lib": ["ESNext", "DOM", "ScriptHost"], // TS需要引用的库
-        "types": ["@types/node"], // 指定要包含的类型包名，而不需要在源文件中引用
-        "removeComments": true, // 删除注释
-        "paths": { "@/*": ["./src/*"] }, //指定一组条目，它们将导入重新映射到其他查找位置
-        "pretty": true, // 在输出中启用颜色和格式，使编译器错误更容易阅读
-        "newLine": "crlf", // 设置发出文件的换行符
-        // "sourceMap": true, //为发出的JavaScript文件创建源映射文件。
-        // "declaration": true, // 从项目中的TypeScript和JavaScript文件生成.d.ts文件
-        // "declarationMap": true, // 为d.ts文件创建源地图
+{ // 指定要从编译中排除的文件列表
+  "compilerOptions": { // 指定基目录以解析非相对模块名
+    "rootDir": "./src", // 在源文件中指定根文件夹
+    "outDir": "./dist", // 为所有发出的文件指定一个输出文件夹
+    "target": "ESNext", // 允许export=导出，由import from 导入
+    "lib": ["ESNext", "DOM", "ScriptHost"], // 是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
+    "emitDecoratorMetadata": true, // 是否通过" . “(obj.key) 语法访问字段和"索引”( obj[“key”])， 以及在类型中声明属性的方式之间的一致性
 
-        /* 严格检查选项 */
-        "strict": true, // 开启所有严格的类型检查
-        "alwaysStrict": true, // 在代码中注入'use strict'
-        "noImplicitAny": true, // 不允许隐式的any类型
-        "noImplicitThis": true, // 不允许this有隐式的any类型
-        "strictNullChecks": true, // 在进行类型检查时，请考虑null和undefined。
-        "strictBindCallApply": true, // 检查bind、call和apply方法的参数是否与原始函数匹配。
-        "strictFunctionTypes": true, // 在给函数赋值时，要确保参数和返回值是子类型兼容的。
-        "strictPropertyInitialization": true, // 类的实例属性必须初始化
+    /* 实验选项 */
+    "experimentalDecorators": true,
+    "baseUrl": "./", // 编译出目标语言版本
+    "module": "ESNext", // 生成代码的模板标准
+    "moduleResolution": "node", // 删除注释
+    "paths": { "@/*": ["./src/*"] }, // 有错误时不进行编译
+    "resolveJsonModule": true, // TS需要引用的库
+    "types": ["@types/node"], // 设置发出文件的换行符
+    // "sourceMap": true, //为发出的JavaScript文件创建源映射文件。
+    // "declaration": true, // 从项目中的TypeScript和JavaScript文件生成.d.ts文件
+    // "declarationMap": true, // 为d.ts文件创建源地图
 
-        /* 额外检查 */
-        "noUnusedLocals": true, //是否检查未使用的局部变量
-        "noUnusedParameters": true, //是否检查未使用的参数
-        "noImplicitReturns": true, //检查函数是否不含有隐式返回值
-        "noImplicitOverride": true, //是否检查子类继承自基类时，其重载的函数命名与基类的函数不同步问题
-        "noFallthroughCasesInSwitch": true, //检查switch中是否含有case没有使用break跳出
-        "noUncheckedIndexedAccess": true, //是否通过索引签名来描述对象上有未知键但已知值的对象
-        "noPropertyAccessFromIndexSignature": false, //是否通过" . “(obj.key) 语法访问字段和"索引”( obj[“key”])， 以及在类型中声明属性的方式之间的一致性
+    /* 严格检查选项 */
+    "strict": true, // 在进行类型检查时，请考虑null和undefined。
+    "strictBindCallApply": true, // 检查bind、call和apply方法的参数是否与原始函数匹配。
+    "strictFunctionTypes": true, // 不允许this有隐式的any类型
+    "strictNullChecks": true, // 在给函数赋值时，要确保参数和返回值是子类型兼容的。
+    "strictPropertyInitialization": true, // 开启所有严格的类型检查
+    "alwaysStrict": true, // 是否检查子类继承自基类时，其重载的函数命名与基类的函数不同步问题
+    "noFallthroughCasesInSwitch": true, // 在代码中注入'use strict'
+    "noImplicitAny": true, // 检查函数是否不含有隐式返回值
+    "noImplicitOverride": true, // 是否检查未使用的参数
+    "noImplicitReturns": true, // 不允许隐式的any类型
+    "noImplicitThis": true, // 是否通过索引签名来描述对象上有未知键但已知值的对象
+    "noPropertyAccessFromIndexSignature": false, // 检查switch中是否含有case没有使用break跳出
+    "noUncheckedIndexedAccess": true, // 类的实例属性必须初始化
 
-        /* 实验选项 */
-        "experimentalDecorators": true, //是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
-        "emitDecoratorMetadata": true, //为装饰器启用对发出类型元数据的实验性支持
+    /* 额外检查 */
+    "noUnusedLocals": true, // 是否检查未使用的局部变量
+    "noUnusedParameters": true, // 在输出中启用颜色和格式，使编译器错误更容易阅读
+    "newLine": "crlf", // 是否查看 TS 在编译时花费的时间
+    "noEmitOnError": true, // 指定要包含的类型包名，而不需要在源文件中引用
+    "removeComments": true, // 指定TypeScript如何从给定的模块说明符查找文件
+    "esModuleInterop": true, // 指定一组条目，它们将导入重新映射到其他查找位置
+    "pretty": true, // 为装饰器启用对发出类型元数据的实验性支持
 
-        /* 高级选项 */
-        "forceConsistentCasingInFileNames": true, //是否区分文件系统大小写规则
-        "extendedDiagnostics": false, //是否查看 TS 在编译时花费的时间
-        "noEmitOnError": true, //有错误时不进行编译
-        "resolveJsonModule": true //是否解析 JSON 模块
-        // "incremental": true // 增量编译
-    }
+    /* 高级选项 */
+    "forceConsistentCasingInFileNames": true, // 是否区分文件系统大小写规则
+    "extendedDiagnostics": false // 是否解析 JSON 模块
+    // "incremental": true // 增量编译
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "vite.config.*",
+    "typings/*.ts",
+    "typings/*.d.ts"
+  ], // 指定要包含在编译中的文件匹配列表
+  "exclude": []
 }
diff --git a/unocss.config.js b/unocss.config.js
index 8e8f3f3..f3c0fee 100644
--- a/unocss.config.js
+++ b/unocss.config.js
@@ -1,63 +1,73 @@
 /**
  * unocss defineConfig
  * @link unocss: https://github.com/unocss/unocss
- * @link unocss-preset-weapp: https://github.com/MellowCo/unocss-preset-weapp
- * */
+ * @type {import('unocss').UserConfig}
+ */
 
 import { defineConfig, presetIcons } from 'unocss';
 import presetWeapp from 'unocss-preset-weapp';
 import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer';
 
 const transformRules = {
-    '.': '-d111-',
-    '/': '-s111-',
-    ':': '-c111-',
-    '%': '-p111-',
-    '!': '-e111-',
-    '#': '-w111-',
-    '(': '-b111l-',
-    ')': '-b111r-',
-    '[': '-f111l-',
-    ']': '-f111r-',
-    $: '-r111-',
-    ',': '-r222-',
+  '.': '-d2e-',
+  '/': '-s2f-',
+  ':': '-c3a-',
+  '%': '-p25-',
+  '!': '-e21-',
+  '#': '-w23-',
+  '(': '-b28-',
+  ')': '-b29-',
+  '[': '-f4b-',
+  ']': '-f5d-',
+  '$': '-r24-',
+  ',': '-r2c-',
 };
 
-const prefix = `_u_`;
+const prefix = '';
 
 export default defineConfig({
-    presets: [
-        // https://github.com/MellowCo/unocss-preset-weapp
-        presetWeapp({
-            nonValuedAttribute: true,
-            prefix: prefix,
-            whRpx: true,
-            transform: true,
-            platform: 'uniapp',
-            transformRules,
-        }),
-        presetIcons({
-            scale: 1.2,
-            warn: true,
-        }),
-    ],
-    shortcuts: [
-        {
-            'border-base': 'border border-gray-500_10',
-            '_u_z-tar-both': '_u_z-988',
-            '_u_head-fixed': '_u_fixed _u_top-0 _u_left-0 _u_w-full _u_z-tar-both',
-            _u_center: '_u_flex _u_justify-center _u_items-center',
-        },
-    ],
-    theme: {},
-    transformers: [
-        transformerAttributify({
-            classPrefix: prefix,
-            transformRules,
-            nonValuedAttribute: true,
-        }),
-        transformerClass({
-            transformRules,
-        }),
-    ],
+  presets: [
+    // https://github.com/MellowCo/unocss-preset-weapp
+    presetWeapp({
+      nonValuedAttribute: true,
+      prefix,
+      whRpx: true,
+      transform: true,
+      platform: 'uniapp',
+      transformRules,
+    }),
+    presetIcons({
+      scale: 1.2,
+      warn: true,
+    }),
+  ],
+  shortcuts: [
+    {
+      center: 'flex justify-center items-center',
+    },
+  ],
+  theme: {
+    colors: {
+      primary: '#007AFF',
+      secondary: '#4CD964',
+      danger: '#FF3B30',
+      warning: '#FF9500',
+      info: '#5AC8FA',
+      light: '#F0F0F0',
+      dark: '#1A1A1A',
+    },
+    fontSize: {
+      mini: ['20rpx', '26rpx'],
+    },
+  },
+  transformers: [
+    transformerAttributify({
+      classPrefix: prefix,
+      transformRules,
+      nonValuedAttribute: true,
+    }),
+    transformerClass({
+      transformRules,
+    }),
+  ],
 });
diff --git a/vite.config.ts b/vite.config.ts
index ab30361..2da8c7d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,87 +1,105 @@
-// Vite中文网：https://vitejs.cn/config/
-import { ConfigEnv, loadEnv, UserConfig } from 'vite';
-import { resolve } from 'path';
+/**
+ *  vite 配置
+ *  @see https://cn.vitejs.dev/config/
+ *  @type {import('vite').UserConfig}
+ */
+import { resolve } from 'node:path';
+import process from 'node:process';
+import type { UserConfig } from 'vite';
+import { defineConfig, loadEnv } from 'vite';
+import TransformPages from 'uni-read-pages-vite';
 import uni from '@dcloudio/vite-plugin-uni';
-import Unocss from 'unocss/vite';
-import TransformPages from 'uni-read-pages-vite'; // vite.config.ts
-import AutoImport from 'unplugin-auto-import/vite';
+import UnoCSS from 'unocss/vite';
+import transformClass from 'unplugin-transform-class/vite';
+import { visualizer } from 'rollup-plugin-visualizer';
+import ViteRestart from 'vite-plugin-restart';
 
-export default ({ mode }: ConfigEnv): UserConfig => {
-    const root = process.cwd();
-    const env = loadEnv(mode, root);
-    return {
-        base: './',
-        // 设置路径别名
-        resolve: {
-            alias: {
-                '@': resolve('./src'),
-            },
-            extensions: ['.js', '.json', '.ts', '.vue'], // 使用路径别名时想要省略的后缀名，可以自己 增减
+export default defineConfig(async ({ mode }) => {
+  const root = process.cwd();
+  const env = loadEnv(mode, resolve(root, 'env'));
+  const isProd = mode === 'production';
+  const { UNI_PLATFORM } = process.env;
+  const isH5 = UNI_PLATFORM === 'h5';
+  const { VITE_PROXY_PREFIX, VITE_UPLOAD_PROXY_PREFIX, VITE_BASE_URL, VITE_UPLOAD_URL, VITE_PORT } = env;
+
+  return {
+    base: './',
+    envDir: './env', // 自定义env目录
+    // 设置路径别名
+    resolve: {
+      alias: {
+        '@': resolve('./src'),
+      },
+      extensions: ['.js', '.ts'], // 使用路径别名时想要省略的后缀名，可以自己 增减
+    },
+    // 自定义全局变量
+    define: {
+      'process.env': {},
+      'PLATFORM': JSON.stringify(UNI_PLATFORM),
+      'ROUTES': new TransformPages().routes,
+    },
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: '@import "./src/uni.scss";',
         },
-        // 自定义全局变量
-        define: {
-            'process.env': {},
-            ROUTES: new TransformPages().routes,
+      },
+    },
+    plugins: [
+      // @ts-expect-error TODO uni() 会报错：uni is not a function,暂时使用此方式解决
+      uni?.default(),
+      UnoCSS(),
+      transformClass(),
+      ViteRestart({
+        restart: ['vite.config.ts'],
+      }),
+      isH5 && isProd
+      && visualizer({
+        filename: './node_modules/.cache/visualizer/stats.html',
+        open: true,
+        gzipSize: true,
+        brotliSize: true,
+      }),
+    ],
+    // 开发服务器配置
+    server: {
+      host: true,
+      // open: true,
+      port: Number.parseInt(VITE_PORT!, 10),
+      proxy: {
+        [VITE_PROXY_PREFIX!]: {
+          target: VITE_BASE_URL,
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/api/, ''),
         },
-        // 开发服务器配置
-        server: {
-            host: true,
-            // open: true,
-            port: env.VITE_PORT as any,
-            proxy: {
-                '/api': {
-                    target: env.VITE_BASE_URL,
-                    changeOrigin: true,
-                    rewrite: (path) => path.replace(/^\/api/, ''),
-                },
-                '/upload': {
-                    target: env.VITE_BASE_URL,
-                    changeOrigin: true,
-                    rewrite: (path) => path.replace(/^\/upload/, ''),
-                },
-            },
+        [VITE_UPLOAD_PROXY_PREFIX!]: {
+          target: VITE_UPLOAD_URL,
+          changeOrigin: true,
+          rewrite: (path: string) => path.replace(/^\/upload/, ''),
         },
-        // 构建配置
-        build: {
-            outDir: 'dist',
-            chunkSizeWarningLimit: 1500,
-            rollupOptions: {
-                output: {
-                    entryFileNames: `assets/[name].${new Date().getTime()}.js`,
-                    chunkFileNames: `assets/[name].${new Date().getTime()}.js`,
-                    assetFileNames: `assets/[name].${new Date().getTime()}.[ext]`,
-                    compact: true,
-                    // manualChunks: {
-                    //     vue: ['vue', 'vue-router', 'vuex'],
-                    //     echarts: ['echarts'],
-                    // },
-                },
-            },
+      },
+    },
+    // 构建配置
+    build: {
+      outDir: 'dist',
+      chunkSizeWarningLimit: 1500,
+      sourcemap: !isProd,
+      target: 'es6',
+      minify: isProd ? 'terser' : false,
+      terserOptions: {
+        compress: {
+          drop_console: isProd,
+          drop_debugger: true,
         },
-        // 插件
-        plugins: [
-            uni(),
-            Unocss(),
-            // 自动导入
-            AutoImport({
-                include: [
-                    /\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
-                    /\.vue$/,
-                    /\.vue\?vue/, // .vue
-                ],
-                imports: [
-                    'vue',
-                    'uni-app',
-                    'pinia',
-                    {
-                        'uni-mini-router': ['useRouter', 'useRoute'],
-                    },
-                ],
-                dts: 'typings/auto-imports.d.ts',
-                eslintrc: {
-                    enabled: true,
-                },
-            }),
-        ],
-    };
-};
+      },
+      rollupOptions: {
+        output: {
+          entryFileNames: `assets/[name].${new Date().getTime()}.js`,
+          chunkFileNames: `assets/[name].${new Date().getTime()}.js`,
+          assetFileNames: `assets/[name].${new Date().getTime()}.[ext]`,
+          compact: true,
+        },
+      },
+    },
+  } as UserConfig;
+});