!6 更新

Merge pull request !6 from 佚名程序员/master
2025-04-05 19:41:44 +08:00 · 2023-03-08 13:04:51 +00:00 · 2023-03-08 13:04:51 +00:00 · ba4f20c0a3
commit ba4f20c0a3
parent d663378365 8366605068
70 changed files with 1988 additions and 2039 deletions
--- a/.eslintignore
+++ b/.eslintignore
@ -1,21 +1,20 @@
-# eslint 忽略检查 (根据项目需要自行添加)
-node_modules
-dist
-.idea
-.vscode
-.hbuilderx
-src/manifest.json
-src/pages.json
-src/tmui/
-*.sh
-node_modules
-*.md
-*.woff
-*.ttf
-*.yaml
-dist
+# 忽略目录
+/dist
+/build
+/tests
+/node_modules
 /public
-/docs
-.husky
-.local
-/bin
+/src/public
+/src/static
+/src/manifest.json
+/vite.config.ts
+/unocss.config.js
+
+# node 覆盖率文件
+coverage/
+
+# 忽略文件
+**/*-min.js
+**/*.min.js
+**/*-min.css
+**/*.min.css
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -1,97 +1,102 @@
+// 参考：https://eslint.bootcss.com/docs/rules/
+// 参考：https://blog.csdn.net/x550392236/article/details/89497202
+// 参考：https://blog.csdn.net/brokenkay/article/details/111106266
+
 module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  parser: 'vue-eslint-parser',
-  extends: [
-    'plugin:@typescript-eslint/recommended',
-    'plugin:vue/vue3-essential',
-    'prettier',
-  ],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    parser: '@typescript-eslint/parser',
-    sourceType: 'module',
-  },
-  settings: {
-    'import/resolver': {
-      alias: {
-        map: [['@', './src']],
-        extensions: ['.ts', '.js', '.jsx', '.json'],
-      },
+    root: true,
+    env: {
+        node: true, //允许运行在node环境下
+        browser: true, //允许运行在浏览器环境下
+        es2021: true, //允许运行es2021环境下语法
+    },
+    parser: 'vue-eslint-parser',
+    parserOptions: {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        parser: '@typescript-eslint/parser',
+    },
+    extends: ['plugin:vue/vue3-essential', 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
+    plugins: ['vue', '@typescript-eslint', 'prettier'],
+    settings: {
+        'import/resolver': {
+            alias: {
+                map: [['@', './src']],
+                extensions: ['.ts', '.js', '.jsx', '.json'],
+            },
+        },
+    },
+    globals: {
+        //可以定义全局中的变量的权限（只读，可读可写）
+        defineProps: 'readonly',
+        defineEmits: 'readonly',
+        defineExpose: 'readonly',
+        withDefaults: 'readonly',
+        uni: 'readonly',
+    },
+    rules: {
+        'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+        'no-var': 'error', //要求使用 let 或 const 而不是 var
+        'prettier/prettier': 'error',
+        'vue/no-multiple-template-root': 'off',
+        'no-mutating-props': 'off',
+        'vue/no-v-html': 'off',
+        camelcase: 'error', // 双峰驼命名格式
+        // indent: ['error', 4], //代码缩进4个空格 (switch时与prettier发生冲突)
+        eqeqeq: ['error', 'always', { null: 'ignore' }], //比较时强制使用 === 或者 !==,但对null作比较时可以不用全等
+        quotes: [
+            'error',
+            'single',
+            {
+                avoidEscape: true,
+                allowTemplateLiterals: true,
+            },
+        ], // @fixable 必须使用单引号，禁止使用双引号
+        // 结尾必须有分号;
+        semi: [
+            'error',
+            'always',
+            {
+                omitLastInOneLineBlock: true,
+            },
+        ], // 结尾必须有分号;
+        'vue/script-setup-uses-vars': 'error',
+        '@typescript-eslint/ban-ts-ignore': 'off',
+        '@typescript-eslint/explicit-function-return-type': 'off',
+        '@typescript-eslint/no-explicit-any': 'off',
+        '@typescript-eslint/no-var-requires': 'off',
+        '@typescript-eslint/no-empty-function': 'off',
+        'vue/custom-event-name-casing': 'off',
+        'no-use-before-define': 'off',
+        '@typescript-eslint/no-use-before-define': 'off',
+        '@typescript-eslint/ban-ts-comment': 'off',
+        '@typescript-eslint/ban-types': 'off',
+        '@typescript-eslint/no-non-null-assertion': 'off',
+        '@typescript-eslint/explicit-module-boundary-types': 'off',
+        '@typescript-eslint/no-unused-vars': [
+            'warn',
+            {
+                argsIgnorePattern: '^_',
+                varsIgnorePattern: '^_',
+            },
+        ],
+        'no-unused-vars': [
+            'warn',
+            {
+                argsIgnorePattern: '^_',
+                varsIgnorePattern: '^_',
+            },
+        ],
+        'space-before-function-paren': 'off',
+        'vue/attributes-order': 'off',
+        'vue/v-on-event-hyphenation': 'off',
+        'vue/multi-word-component-names': 'off',
+        'vue/one-component-per-file': 'off',
+        'vue/html-closing-bracket-newline': 'off',
+        'vue/max-attributes-per-line': 'off',
+        'vue/multiline-html-element-content-newline': 'off',
+        'vue/singleline-html-element-content-newline': 'off',
+        'vue/attribute-hyphenation': 'off',
+        'vue/require-default-prop': 'off',
    },
-  },
-  plugins: ['vue', '@typescript-eslint', 'prettier'],
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-var': 'error',
-    'prettier/prettier': 'error',
-    'vue/no-multiple-template-root': 'off',
-    'no-mutating-props': 'off',
-    'vue/no-v-html': 'off',
-    // @fixable 必须使用单引号，禁止使用双引号
-    quotes: [
-      'error',
-      'single',
-      {
-        avoidEscape: true,
-        allowTemplateLiterals: true,
-      },
-    ],
-    // 结尾必须有分号;
-    semi: [
-      'error',
-      'always',
-      {
-        omitLastInOneLineBlock: true,
-      },
-    ],
-    'vue/script-setup-uses-vars': 'error',
-    '@typescript-eslint/ban-ts-ignore': 'off',
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/no-explicit-any': 'off',
-    '@typescript-eslint/no-var-requires': 'off',
-    '@typescript-eslint/no-empty-function': 'off',
-    'vue/custom-event-name-casing': 'off',
-    'no-use-before-define': 'off',
-    '@typescript-eslint/no-use-before-define': 'off',
-    '@typescript-eslint/ban-ts-comment': 'off',
-    '@typescript-eslint/ban-types': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/no-unused-vars': [
-      'warn',
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-      },
-    ],
-    'no-unused-vars': [
-      'warn',
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-      },
-    ],
-    'space-before-function-paren': 'off',
-    'vue/attributes-order': 'off',
-    'vue/v-on-event-hyphenation': 'off',
-    'vue/multi-word-component-names': 'off',
-    'vue/one-component-per-file': 'off',
-    'vue/html-closing-bracket-newline': 'off',
-    'vue/max-attributes-per-line': 'off',
-    'vue/multiline-html-element-content-newline': 'off',
-    'vue/singleline-html-element-content-newline': 'off',
-    'vue/attribute-hyphenation': 'off',
-    'vue/require-default-prop': 'off',
-  },
-  globals: {
-    defineProps: 'readonly',
-    defineEmits: 'readonly',
-    defineExpose: 'readonly',
-    withDefaults: 'readonly',
-    uni: 'readonly',
-  },
 };
--- a/.gitignore
+++ b/.gitignore
@ -1,11 +1,34 @@
-node_modules
-dist
-.eslintcache
-.pnpm-lock.yaml
-*.local
+# 日志
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*

+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+.eslintcache
+
+/cypress/videos/
+/cypress/screenshots/

 # 编辑器目录和文件
+.vscode/*
+.hbuilderx/*
+!.vscode/extensions.json
+!.vscode/settings.json
 .idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.eslintcache
 .hbuilderx
 pnpm-lock.yaml
--- a/.prettierignore
+++ b/.prettierignore
@ -1,20 +1,18 @@
-# 忽略格式化文件 (根据项目需要自行添加)
-node_modules
-dist
-.idea
-.vscode
-.hbuilderx
-src/manifest.json
-src/pages.json
-*.sh
-node_modules
-*.md
-*.woff
-*.ttf
-*.yaml
-dist
+# 忽略目录
+/dist
+/build
+/tests
+/node_modules
 /public
-/docs
-.husky
-.local
-/bin
+/src/public
+/src/static
+/src/manifest.json
+
+# node 覆盖率文件
+coverage/
+
+# 忽略文件
+**/*-min.js
+**/*.min.js
+**/*-min.css
+**/*.min.css
--- a/.prettierrc.js
+++ b/.prettierrc.js
@ -1,40 +1,37 @@
 module.exports = {
-	// 一行最多 160 字符
-	printWidth: 160,
-	// 不使用缩进符，而使用空格
-	useTabs: true,
-	// 使用 2 个空格缩进
-	tabWidth: 4,
-	tabSize: 4,
-	// 行尾需要有分号
-	semi: true,
-	// 使用单引号
-	singleQuote: true,
-	// 对象的 key 仅在必要时用引号 (可选值as-needed|consistent|preserve)
-	quoteProps: 'as-needed',
-	// jsx 不使用单引号，而使用双引号
-	jsxSingleQuote: false,
-	// 末尾不需要逗号 'es5' (可选值none|es5|all，默认none)
-	trailingComma: 'es5',
-	// 大括号内的首尾需要空格
-	bracketSpacing: true,
-	// jsx 标签的反尖括号需要换行
-	jsxBracketSameLine: false,
-	// 箭头函数，只有一个参数的时候，也需要括号
-	arrowParens: 'always',
-	// 每个文件格式化的范围是文件的全部内容
-	rangeStart: 0,
-	rangeEnd: Infinity,
-	// 不需要写文件开头的 @prettier
-	requirePragma: false,
-	// 不需要自动在文件开头插入 @prettier
-	insertPragma: false,
-	// 使用默认的折行标准 (可选值always|never|preserve)
-	proseWrap: 'preserve',
-	// 根据显示样式决定 html 要不要折行 (可选值css|strict|ignore)
-	htmlWhitespaceSensitivity: 'css',
-	// vue脚本文件和样式的缩进
-	vueIndentScriptAndStyle: false,
-	// 换行符使用 lf 结尾是 (可选值auto|lf|crlf|cr)
-	endOfLine: 'lf',
+    // .pellerrc 的架构 官网参考：https://prettier.io/docs/en/options.html#tab-width
+    $schema: 'https://json.schemastore.org/prettierrc',
+    // 一行最多 120 字符
+    printWidth: 160,
+    // 使用 4 个空格缩进
+    tabWidth: 4,
+    // 不使用 tab 缩进，而使用空格
+    useTabs: false,
+    // 行尾需要有分号
+    semi: true,
+    // 使用单引号代替双引号
+    singleQuote: true,
+    // 对象的 key 仅在必要时用引号
+    quoteProps: 'as-needed',
+    // jsx 不使用单引号，而使用双引号
+    jsxSingleQuote: false,
+    // 末尾使用逗号
+    trailingComma: 'all',
+    // 大括号内的首尾需要空格 { foo: bar }
+    bracketSpacing: true,
+    // 箭头函数，只有一个参数的时候，也需要括号
+    arrowParens: 'always',
+    // 每个文件格式化的范围是文件的全部内容
+    rangeStart: 0,
+    rangeEnd: Infinity,
+    // 不需要写文件开头的 @prettier
+    requirePragma: false,
+    // 不需要自动在文件开头插入 @prettier
+    insertPragma: false,
+    // 使用默认的折行标准
+    proseWrap: 'preserve',
+    // 根据显示样式决定 html 要不要折行
+    htmlWhitespaceSensitivity: 'css',
+    // 换行符使用 lf
+    endOfLine: 'lf',
 };
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -1,10 +1,10 @@
 {
    "recommendations": [
-      "CodeInChinese.EnglishChineseDictionary", // 翻译(英汉词典)
-      "kisstkondoros.vscode-gutter-preview", // Image 预览
-      "ritwickdey.LiveServer", // 为静态和动态页面启动具有实时重载功能的本地开发服务器
-      "antfu.unocss", // UnoCSS 原子化css
-      "esbenp.prettier-vscode", // 格式化
+        "Vue.volar", // Vue语言支持扩展
+        "Vue.vscode-typescript-vue-plugin", // 一个TS服务器插件，使TS服务器知道*.vue文件。
+        "esbenp.prettier-vscode", // 代码格式化
+        "dbaeumer.vscode-eslint", //代码质量检查
+        "antfu.unocss", // UnoCSS 原子化css
+        "mrmlnc.vscode-autoprefixer" //将less/scss/css文件自动添加浏览器兼容前缀
    ]
-  }
-  
+}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -3,11 +3,12 @@

    "editor.defaultFormatter": "esbenp.prettier-vscode", // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。
    "editor.formatOnSave": true, //在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。
-	"editor.detectIndentation": false, // 控制在基于文件内容打开文件时是否自动检测 #editor.tabSize# 和 #editor.insertSpaces#。
-	"editor.tabSize": 4,
+    "editor.detectIndentation": false, // 控制在基于文件内容打开文件时是否自动检测 #editor.tabSize# 和 #editor.insertSpaces#。
+    "editor.tabSize": 4, // 一个制表符等于的空格数。当 #editor.detectIndentation# 打开时，将根据文件内容替代此设置。
    "editor.codeActionsOnSave": {
-      "source.fixAll": true, // 控制是否应在文件保存时运行自动修复操作。
-      "source.fixAll.eslint": true,
-      "source.fixAll.stylelint": true
+        "source.fixAll": true, // 控制是否应在文件保存时运行自动修复操作。
+        "source.fixAll.eslint": true,
+        "source.fixAll.stylelint": true
    }, // 要在保存时运行的代码操作种类。
+    "files.eol": "\n" //行尾字符与.prettierrc.cjs配置一致
 }
--- a/README.md
+++ b/README.md
@ -11,28 +11,28 @@

 ## 简介

- **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)
-
+-   **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)

 ### 说明
- 框架完全基于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),会及时处理;
- 如有需求亦可在评论区留言,或在此项目基础上增加;
+
+-   框架完全基于 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.addInterceptor进行路由拦截;
- **请求拦截**: 核心使用 [luch-request](https://ext.dcloud.net.cn/plugin?id=392),支持请求和响应拦截等;
- **缓存加密**: 使用AES加密缓存,可设置区分在开发或生成环境中是否加密;
+-   **最新技术栈**：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发;
+-   **[Unocss](https://github.com/unocss/unocss)**: 原子化 CSS, [iconify](https://github.com/iconify/iconify)图标
+-   **Eslint/Prettier**: 规范代码格式,统一编码;
+-   **路由拦截**: 基于 uni.addInterceptor 进行路由拦截;
+-   **请求拦截**: 核心使用 [luch-request](https://ext.dcloud.net.cn/plugin?id=392),支持请求和响应拦截等;
+-   **缓存加密**: 使用 AES 加密缓存,可设置区分在开发或生成环境中是否加密;

 ## 目录结构

@ -111,64 +111,60 @@

 ```

-
-
 ## 预览

- H5
+-   H5

-  ![h5](https://api-catch.ranesuangyu.top/images/20220621/364f2b47d91ae5ae82a33d33854e2540.png
-  ) 
-
- 小程序(体验版-需申请体验)
-
-  ![小程序](http://api-catch.ranesuangyu.top/images/20220621/8d4388315ef5b8630d0c0b3963d1ba6b.jpg)
+    ![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
 # 打开HBuilder X alpha桌面程序-->点击上面的帮助-->历次更新说明-->获取最新版本号（如：3.7.2.20230217-alpha）
 npx @dcloudio/uvm 3.7.2.20230217-alpha
 ```
+
 ## Git 贡献提交规范

- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))
+-   参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))

-  - `feat` 增加新功能
-  - `fix` 修复问题/BUG
-  - `style` 代码风格相关无影响运行结果的
-  - `perf` 优化/性能提升
-  - `refactor` 重构
-  - `revert` 撤销修改
-  - `test` 测试相关
-  - `docs` 文档/注释
-  - `chore` 依赖更新/脚手架配置修改等
-  - `workflow` 工作流改进
-  - `ci` 持续集成
-  - `types` 类型定义文件更改
-  - `wip` 开发中
+    -   `feat` 增加新功能
+    -   `fix` 修复问题/BUG
+    -   `style` 代码风格相关无影响运行结果的
+    -   `perf` 优化/性能提升
+    -   `refactor` 重构
+    -   `revert` 撤销修改
+    -   `test` 测试相关
+    -   `docs` 文档/注释
+    -   `chore` 依赖更新/脚手架配置修改等
+    -   `workflow` 工作流改进
+    -   `ci` 持续集成
+    -   `types` 类型定义文件更改
+    -   `wip` 开发中
--- a/index.html
+++ b/index.html
@ -1,24 +1,22 @@
 <!DOCTYPE html>
-<html lang="en">
-  <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>
+<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>
+
+    <body>
+        <div id="app"><!--app-html--></div>
+        <script type="module" src="/src/main.ts"></script>
+    </body>
 </html>
--- a/package.json
+++ b/package.json
@ -1,105 +1,103 @@
 {
-	"name": "uniapp_vue3_vite_ts",
-	"version": "1.1.2",
-	"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": "eslint --cache --max-warnings 0  \"src/**/*.{vue,ts}\" --fix",
-		"prettier": "prettier --write \"src/**/*.{js,ts,json,css,scss,vue}\"",
-		"prepare": "husky install"
-	},
-	"dependencies": {
-		"@dcloudio/uni-app": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-app-plus": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-components": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-h5": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-i18n": "3.0.0-alpha-3061620230106001",
-		"@dcloudio/uni-mp-alipay": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-mp-baidu": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-mp-lark": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-mp-qq": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-mp-weixin": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3070620230227001",
-		"@fortawesome/fontawesome-free": "^6.3.0",
-		"@iconify/iconify": "^3.1.0",
-		"crypto-js": "^4.1.1",
-		"echarts": "^5.4.1",
-		"lodash-es": "^4.17.21",
-		"luch-request": "^3.0.8",
-		"pinia": "^2.0.33",
-		"qs": "^6.11.1",
-		"vue": "^3.2.47",
-		"vue-i18n": "^9.2.2"
-	},
-	"devDependencies": {
-		"@dcloudio/types": "^3.2.11",
-		"@dcloudio/uni-automator": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-cli-shared": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/uni-stacktracey": "3.0.0-alpha-3070620230227001",
-		"@dcloudio/vite-plugin-uni": "3.0.0-alpha-3070620230227001",
-		"@iconify/json": "^2.2.31",
-		"@types/crypto-js": "^4.1.1",
-		"@types/lodash-es": "^4.17.6",
-		"@types/node": "^17.0.45",
-		"@types/qs": "^6.9.7",
-		"@typescript-eslint/eslint-plugin": "^5.54.1",
-		"@typescript-eslint/parser": "^5.54.1",
-		"@unocss/preset-icons": "^0.46.5",
-		"autoprefixer": "^10.4.13",
-		"eslint": "^8.35.0",
-		"eslint-config-prettier": "^8.7.0",
-		"eslint-plugin-prettier": "^4.2.1",
-		"eslint-plugin-vue": "^9.9.0",
-		"husky": "^8.0.3",
-		"lint-staged": "^13.1.2",
-		"mrm": "^4.1.13",
-		"postcss": "^8.4.21",
-		"prettier": "^2.8.4",
-		"sass": "^1.58.3",
-		"typescript": "^4.9.5",
-		"unocss": "^0.46.5",
-		"unocss-preset-weapp": "^0.2.5",
-		"unplugin-vue-components": "^0.22.12",
-		"vite": "^4.1.4",
-		"vite-plugin-eslint": "^1.8.1"
-	},
-	"husky": {
-		"hooks": {
-			"pre-commit": "lint-staged"
-		}
-	},
-	"lint-staged": {
-		"*.{js,jsx,vue,ts,tsx}": [
-			"prettier --write",
-			"git add"
-		]
-	}
+    "name": "uniapp_vue3_vite_ts",
+    "version": "1.1.2",
+    "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": "eslint --cache --max-warnings 0  \"src/**/*.{vue,ts}\" --fix",
+        "format": "prettier --write src/",
+        "prepare": "husky install"
+    },
+    "dependencies": {
+        "@dcloudio/uni-app": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-app-plus": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-components": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-h5": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-i18n": "3.0.0-alpha-3061620230106001",
+        "@dcloudio/uni-mp-alipay": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-mp-baidu": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-mp-lark": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-mp-qq": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-mp-weixin": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3070620230227001",
+        "@fortawesome/fontawesome-free": "^6.3.0",
+        "@iconify/iconify": "^3.1.0",
+        "crypto-js": "^4.1.1",
+        "echarts": "^5.4.1",
+        "lodash-es": "^4.17.21",
+        "luch-request": "^3.0.8",
+        "pinia": "^2.0.33",
+        "qs": "^6.11.1",
+        "vue": "^3.2.47",
+        "vue-i18n": "^9.2.2"
+    },
+    "devDependencies": {
+        "@dcloudio/types": "^3.2.11",
+        "@dcloudio/uni-automator": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-cli-shared": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/uni-stacktracey": "3.0.0-alpha-3070620230227001",
+        "@dcloudio/vite-plugin-uni": "3.0.0-alpha-3070620230227001",
+        "@iconify/json": "^2.2.31",
+        "@types/crypto-js": "^4.1.1",
+        "@types/lodash-es": "^4.17.6",
+        "@types/node": "^17.0.45",
+        "@types/qs": "^6.9.7",
+        "@typescript-eslint/eslint-plugin": "^5.54.1",
+        "@typescript-eslint/parser": "^5.54.1",
+        "@unocss/preset-icons": "^0.46.5",
+        "autoprefixer": "^10.4.13",
+        "eslint": "^8.35.0",
+        "eslint-config-prettier": "^8.7.0",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-vue": "^9.9.0",
+        "husky": "^8.0.3",
+        "lint-staged": "^13.1.2",
+        "mrm": "^4.1.13",
+        "postcss": "^8.4.21",
+        "prettier": "^2.8.4",
+        "sass": "^1.58.3",
+        "typescript": "^4.9.5",
+        "unocss": "^0.46.5",
+        "unocss-preset-weapp": "^0.2.5",
+        "vite": "^4.1.4"
+    },
+    "husky": {
+        "hooks": {
+            "pre-commit": "lint-staged"
+        }
+    },
+    "lint-staged": {
+        "*.{js,jsx,vue,ts,tsx}": [
+            "prettier --write",
+            "git add"
+        ]
+    }
 }
--- a/src/App.vue
+++ b/src/App.vue
@ -4,20 +4,20 @@ import { useAuthStore } from '@/state/modules/auth';
 import { removeInterceptor, setupInterceptors } from '@/utils/interceptors';
 import { useRouterStore } from '@/state/modules/router';
 onLaunch(() => {
-	console.log('App Launch');
-	removeInterceptor();
+    console.log('App Launch');
+    removeInterceptor();

-	setupInterceptors();
-	const appStore = useRouterStore();
-	appStore.initialize();
+    setupInterceptors();
+    const appStore = useRouterStore();
+    appStore.initialize();
 });
 onShow(() => {
-	const authStore = useAuthStore();
-	authStore.initToken();
-	console.log('App Show');
+    const authStore = useAuthStore();
+    authStore.initToken();
+    console.log('App Show');
 });
 onHide(() => {
-	console.log('App Hide');
+    console.log('App Hide');
 });
 </script>
 <style lang="scss">
--- 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": "退出应用"
-	},
-	"styles": {
-		"backgroundColor": "#00FF00",
-		"borderRadius": "5px",
-		"title": {
-			"color": "#ff00ff"
-		},
-		"buttonAccept": {
-			"color": "#ffff00"
-		},
-		"buttonRefuse": {
-			"color": "#00ffff"
-		}
-	}
+    "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"
+        },
+        "buttonAccept": {
+            "color": "#ffff00"
+        },
+        "buttonRefuse": {
+            "color": "#00ffff"
+        }
+    }
 }
--- a/src/assets/main.scss
+++ b/src/assets/main.scss
@ -34,36 +34,36 @@ canvas,
 web-view,
 :before,
 :after {
-	box-sizing: border-box;
+    box-sizing: border-box;
 }

 /* 隐藏scroll-view的滚动条 */
 ::-webkit-scrollbar {
-	display: none;
-	width: 0 !important;
-	height: 0 !important;
-	-webkit-appearance: none;
-	background: transparent;
+    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;
-		}
-	}
+    .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;
+    background-color: #f2f2f2;
 }
--- a/src/components/AppProvider/inedx.vue
+++ b/src/components/AppProvider/inedx.vue
@ -1,7 +1,7 @@
 <script lang="ts" setup name="AppProvider"></script>
 <template>
-	<view class="_u_bg-blue-500">
-		<slot></slot>
-	</view>
+    <view class="_u_bg-blue-500">
+        <slot></slot>
+    </view>
 </template>
 <style lang="scss" scoped></style>
--- a/src/components/BasicButton/index.vue
+++ b/src/components/BasicButton/index.vue
@ -4,29 +4,29 @@ import { buttonProps } from '@/components/BasicButton/prpos';
 const props = defineProps(buttonProps);
 const emits = defineEmits(['click']);
 const click = () => {
-	emits('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></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>
--- 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 },
 };
--- a/src/components/BasicInput/index.vue
+++ b/src/components/BasicInput/index.vue
@ -1,30 +1,30 @@
 <template>
-	<input :type="type" :name="name" :value="value" />
+    <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: '',
-		},
-	},
-	setup(props) {
-		const _props = props;
-		return {};
-	},
+    name: 'BasicInput',
+    props: {
+        type: {
+            type: String,
+            default: 'text',
+        },
+        name: {
+            type: String,
+            default: '',
+        },
+        value: {
+            type: String,
+            default: '',
+        },
+    },
+    setup(props) {
+        const _props = props;
+        return {};
+    },
 });
 </script>

--- a/src/components/Iconify/index.vue
+++ b/src/components/Iconify/index.vue
@ -3,40 +3,40 @@ import { computed, ref, unref } from 'vue';
 import { assign } from 'lodash-es';

 const props = defineProps({
-	icon: {
-		type: String,
-	},
-	size: {
-		type: [Number, String],
-	},
-	color: {
-		type: String,
-	},
+    icon: {
+        type: String,
+    },
+    size: {
+        type: [Number, String],
+    },
+    color: {
+        type: String,
+    },
 });

 const iconSize = ref<string | boolean>(props.size ? `${props.size}rpx` : false);
 const style = computed(() => {
-	return assign(unref(iconSize) ? { width: unref(iconSize), height: unref(iconSize) } : {}, props.color ? { color: props.color } : {});
+    return assign(unref(iconSize) ? { width: unref(iconSize), height: unref(iconSize) } : {}, props.color ? { color: props.color } : {});
 });

 const emit = defineEmits(['click']);
 const onClick = () => {
-	emit('click');
+    emit('click');
 };
 </script>
 <template>
-	<view ref="elRef" @click="onClick" :class="['iconify', icon]" :style="style"></view>
+    <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;
-	}
+    display: inline-block;
+    vertical-align: middle;
+    height: 44rpx;
+    width: 44rpx;
+    color: inherit;
+    &:hover {
+        cursor: pointer;
+        opacity: 0.8;
+    }
 }
 </style>
--- a/src/components/Navbar/index.vue
+++ b/src/components/Navbar/index.vue
@ -16,15 +16,15 @@ const { navigationBarBackgroundColor, navigationBarTitleText, navigationBarTextS
 const { currentRoute, currentPages } = useRoute();

 const props = defineProps({
-	bgColor: { type: String },
-	title: { type: String },
-	titleColor: { type: String },
-	titleSize: { type: [String, Number] },
-	iconSize: { type: [String, Number] },
-	gap: { type: Number, default: 8 },
-	isBackShow: { type: Boolean, default: true },
-	isHomeShow: { type: Boolean },
-	shadow: { type: Boolean, default: true },
+    bgColor: { type: String },
+    title: { type: String },
+    titleColor: { type: String },
+    titleSize: { type: [String, Number] },
+    iconSize: { type: [String, Number] },
+    gap: { type: Number, default: 8 },
+    isBackShow: { type: Boolean, default: true },
+    isHomeShow: { type: Boolean },
+    shadow: { type: Boolean, default: true },
 });

 const { statusBarHeight } = useSystem();
@ -39,81 +39,81 @@ const navbarBgColor = computed(() => props.bgColor || navigationBarBackgroundCol
 const navbarTitle = computed(() => props.title || currentRoute?.style?.navigationBarTitleText || navigationBarTitleText);
 const navbarTitleColor = computed(() => props.titleColor || currentRoute?.style?.navigationBarTextStyle || navigationBarTextStyle);
 const navbarTitleSize = computed(() => {
-	return `${px2rpx(defaultTitleSize.value) || props.titleSize}rpx`;
+    return `${px2rpx(defaultTitleSize.value) || props.titleSize}rpx`;
 });
 const navbarLeftIconSize = computed(() => {
-	return `${px2rpx(defaultIconSize.value) || props.titleSize}`;
+    return `${px2rpx(defaultIconSize.value) || props.titleSize}`;
 });
 const backShow = computed(() => {
-	return currentPages.length > 1 && props.isBackShow;
+    return currentPages.length > 1 && props.isBackShow;
 });
 const backHomeShow = computed(() => {
-	return !currentRoute?.meta?.tabBar && props.isHomeShow;
+    return !currentRoute?.meta?.tabBar && props.isHomeShow;
 });

 const router = useRouter();
 const onBack = () => {
-	router.back();
+    router.back();
 };
 const onBackHome = () => {
-	router.pushTab(HOME_PAGE);
+    router.pushTab(HOME_PAGE);
 };
 </script>
 <template>
-	<view class="head-wrapper">
-		<view :class="['page-head', '_u_head-fixed', '_u_shadow']">
-			<!-- 顶部状态栏 -->
-			<view class="status-bar"></view>
-			<!-- navbar -->
-			<view :class="['navbar-wrapper', '_u_flex', '_u_flex-nowrap', '_u_justify-between', '_u_items-center']">
-				<view class="_u_flex _u_flex-nowrap _u_items-center _u_h-full _u_w3/10 _u_min-w3/10">
-					<slot name="left">
-						<view class="_u_h-full _u_flex _u_items-center">
-							<template v-if="backShow">
-								<Iconify @click="onBack" :size="navbarLeftIconSize" :color="navbarTitleColor" icon="i-humbleicons-chevron-left" />
-							</template>
-							<template v-if="backHomeShow">
-								<Iconify @click="onBackHome" :size="navbarLeftIconSize" :color="navbarTitleColor" icon="i-iconoir-home-simple-door" />
-							</template>
-						</view>
-					</slot>
-				</view>
-				<view class="navbar__center _u_flex _u_flex-nowrap _u_justify-center _u_items-center _u_h-full _u_w2/5 _u_min-w2/5">
-					<slot>
-						<text>{{ navbarTitle }}</text>
-					</slot>
-				</view>
-				<view class="_u_flex _u_flex-nowrap _u_justify-end _u_items-center _u_h-full _u_w3/10 _u_min-w3/10">
-					<slot name="right"></slot>
-				</view>
-			</view>
-		</view>
-		<!-- 占位符 -->
-		<view class="placeholder"></view>
-	</view>
+    <view class="head-wrapper">
+        <view :class="['page-head', '_u_head-fixed', '_u_shadow']">
+            <!-- 顶部状态栏 -->
+            <view class="status-bar"></view>
+            <!-- navbar -->
+            <view :class="['navbar-wrapper', '_u_flex', '_u_flex-nowrap', '_u_justify-between', '_u_items-center']">
+                <view class="_u_flex _u_flex-nowrap _u_items-center _u_h-full _u_w3/10 _u_min-w3/10">
+                    <slot name="left">
+                        <view class="_u_h-full _u_flex _u_items-center">
+                            <template v-if="backShow">
+                                <Iconify @click="onBack" :size="navbarLeftIconSize" :color="navbarTitleColor" icon="i-humbleicons-chevron-left" />
+                            </template>
+                            <template v-if="backHomeShow">
+                                <Iconify @click="onBackHome" :size="navbarLeftIconSize" :color="navbarTitleColor" icon="i-iconoir-home-simple-door" />
+                            </template>
+                        </view>
+                    </slot>
+                </view>
+                <view class="navbar__center _u_flex _u_flex-nowrap _u_justify-center _u_items-center _u_h-full _u_w2/5 _u_min-w2/5">
+                    <slot>
+                        <text>{{ navbarTitle }}</text>
+                    </slot>
+                </view>
+                <view class="_u_flex _u_flex-nowrap _u_justify-end _u_items-center _u_h-full _u_w3/10 _u_min-w3/10">
+                    <slot name="right"></slot>
+                </view>
+            </view>
+        </view>
+        <!-- 占位符 -->
+        <view class="placeholder"></view>
+    </view>
 </template>
 <style lang="scss" scoped>
 .head-wrapper {
-	.page-head {
-		background: v-bind(navbarBgColor);
-		.status-bar {
-			height: v-bind(statusHeight);
-		}
-		.navbar-wrapper {
-			height: v-bind(navbarHeight);
-			padding-left: v-bind(sideGap);
-			padding-right: v-bind(sideGap);
-			.navbar__center {
-				font-weight: bold;
-				font-size: v-bind(navbarTitleSize);
-				color: v-bind(navbarTitleColor);
-			}
-		}
-	}
-	&,
-	.placeholder {
-		height: v-bind(headHeight);
-		min-height: v-bind(headHeight);
-	}
+    .page-head {
+        background: v-bind(navbarBgColor);
+        .status-bar {
+            height: v-bind(statusHeight);
+        }
+        .navbar-wrapper {
+            height: v-bind(navbarHeight);
+            padding-left: v-bind(sideGap);
+            padding-right: v-bind(sideGap);
+            .navbar__center {
+                font-weight: bold;
+                font-size: v-bind(navbarTitleSize);
+                color: v-bind(navbarTitleColor);
+            }
+        }
+    }
+    &,
+    .placeholder {
+        height: v-bind(headHeight);
+        min-height: v-bind(headHeight);
+    }
 }
 </style>
--- a/src/components/Test/index.vue
+++ b/src/components/Test/index.vue
@ -1,14 +1,14 @@
 <script lang="ts" setup>
 const props = defineProps({
-	text: {
-		type: String,
-		default: 'text',
-	},
+    text: {
+        type: String,
+        default: 'text',
+    },
 });

 const text = 'TEXT: ' + props.text;
 </script>
 <template>
-	<view>{{ text }}</view>
+    <view>{{ text }}</view>
 </template>
 <style lang="scss" scoped></style>
--- a/src/enums/appEnum.ts
+++ b/src/enums/appEnum.ts
@ -2,6 +2,6 @@
 * @description: 客户端 api 返回结果设置
 */
 export enum ClientApiResultEnum {
-	CLIENT_SUCCESS = 1,
-	CLIENT_ERROR = 0,
+    CLIENT_SUCCESS = 1,
+    CLIENT_ERROR = 0,
 }
--- a/src/enums/httpEnum.ts
+++ b/src/enums/httpEnum.ts
@ -2,8 +2,8 @@
 * @description: 请求结果设置
 */
 export enum ResultEnum {
-	SUCCESS = 10000,
-	ERROR = 1,
-	TIMEOUT = 401,
-	TYPE = 'success',
+    SUCCESS = 10000,
+    ERROR = 1,
+    TIMEOUT = 401,
+    TYPE = 'success',
 }
--- a/src/enums/platformEnum.ts
+++ b/src/enums/platformEnum.ts
@ -2,25 +2,25 @@
 * 平台
 */
 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' /* 快应用华为 */,
+    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' /* 快应用华为 */,
 }

 /**
@ -28,81 +28,81 @@ export enum PLATFORMS {
 * @constructor
 */
 function PLATFORM_ENV() {
-	let platform = PLATFORMS.DEFAULT;
+    let platform = PLATFORMS.DEFAULT;

-	/* #ifdef VUE3 */
-	platform = PLATFORMS.VUE3;
-	/* #endif */
+    /* #ifdef VUE3 */
+    platform = PLATFORMS.VUE3;
+    /* #endif */

-	/* #ifdef APP-PLUS */
-	platform = PLATFORMS.APP_PLUS;
-	/* #endif */
+    /* #ifdef APP-PLUS */
+    platform = PLATFORMS.APP_PLUS;
+    /* #endif */

-	/* #ifdef APP-PLUS-NVUE */
-	platform = PLATFORMS.APP_PLUS_NVUE;
-	/* #endif */
+    /* #ifdef APP-PLUS-NVUE */
+    platform = PLATFORMS.APP_PLUS_NVUE;
+    /* #endif */

-	/* #ifdef APP-NVUE */
-	platform = PLATFORMS.APP_NVUE;
-	/* #endif */
+    /* #ifdef APP-NVUE */
+    platform = PLATFORMS.APP_NVUE;
+    /* #endif */

-	/* #ifdef H5 */
-	platform = PLATFORMS.H5;
-	/* #endif */
+    /* #ifdef H5 */
+    platform = PLATFORMS.H5;
+    /* #endif */

-	/* #ifdef MP */
-	platform = PLATFORMS.MP;
-	/* #endif */
+    /* #ifdef MP */
+    platform = PLATFORMS.MP;
+    /* #endif */

-	/* #ifdef MP-WEIXIN */
-	platform = PLATFORMS.MP_WEIXIN;
-	/* #endif */
+    /* #ifdef MP-WEIXIN */
+    platform = PLATFORMS.MP_WEIXIN;
+    /* #endif */

-	/* #ifdef MP-ALIPAY */
-	platform = PLATFORMS.MP_ALIPAY;
-	/* #endif */
+    /* #ifdef MP-ALIPAY */
+    platform = PLATFORMS.MP_ALIPAY;
+    /* #endif */

-	/* #ifdef MP_BAIDU */
-	platform = PLATFORMS.MP_BAIDU;
-	/* #endif */
+    /* #ifdef MP_BAIDU */
+    platform = PLATFORMS.MP_BAIDU;
+    /* #endif */

-	/* #ifdef MP-TOUTIAO */
-	platform = PLATFORMS.MP_TOUTIAO;
-	/* #endif */
+    /* #ifdef MP-TOUTIAO */
+    platform = PLATFORMS.MP_TOUTIAO;
+    /* #endif */

-	/* #ifdef MP-LARK */
-	platform = PLATFORMS.MP_LARK;
-	/* #endif */
+    /* #ifdef MP-LARK */
+    platform = PLATFORMS.MP_LARK;
+    /* #endif */

-	/* #ifdef MP-QQ */
-	platform = PLATFORMS.MP_QQ;
-	/* #endif */
+    /* #ifdef MP-QQ */
+    platform = PLATFORMS.MP_QQ;
+    /* #endif */

-	/* #ifdef MP-KUAISHOU */
-	platform = PLATFORMS.MP_KUAISHOU;
-	/* #endif */
+    /* #ifdef MP-KUAISHOU */
+    platform = PLATFORMS.MP_KUAISHOU;
+    /* #endif */

-	/* #ifdef MP-JD */
-	platform = PLATFORMS.MP_JD;
-	/* #endif */
+    /* #ifdef MP-JD */
+    platform = PLATFORMS.MP_JD;
+    /* #endif */

-	/* #ifdef MP-360 */
-	platform = PLATFORMS.MP_360;
-	/* #endif */
+    /* #ifdef MP-360 */
+    platform = PLATFORMS.MP_360;
+    /* #endif */

-	/* #ifdef QUICKAPP-WEBVIEW */
-	platform = PLATFORMS.QUICKAPP_WEBVIEW;
-	/* #endif */
+    /* #ifdef QUICKAPP-WEBVIEW */
+    platform = PLATFORMS.QUICKAPP_WEBVIEW;
+    /* #endif */

-	/* #ifdef QUICKAPP-WEBVIEW-UNION */
-	platform = PLATFORMS.QUICKAPP_WEBVIEW_UNION;
-	/* #endif */
+    /* #ifdef QUICKAPP-WEBVIEW-UNION */
+    platform = PLATFORMS.QUICKAPP_WEBVIEW_UNION;
+    /* #endif */

-	/* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
-	platform = PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI;
-	/* #endif */
+    /* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
+    platform = PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI;
+    /* #endif */

-	return platform;
+    return platform;
 }

 /* 当前平台 */
--- a/src/enums/routerEnum.ts
+++ b/src/enums/routerEnum.ts
@ -1,9 +1,9 @@
 export enum NAVIGATE_TYPE {
-	NAVIGATE_TO = 'navigateTo',
-	REDIRECT_TO = 'redirectTo',
-	RE_LAUNCH = 'reLaunch',
-	SWITCH_TAB = 'switchTab',
-	NAVIGATE_BACK = 'navigateBack',
+    NAVIGATE_TO = 'navigateTo',
+    REDIRECT_TO = 'redirectTo',
+    RE_LAUNCH = 'reLaunch',
+    SWITCH_TAB = 'switchTab',
+    NAVIGATE_BACK = 'navigateBack',
 }

 export const NAVIGATE_TYPE_LIST = ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'];
--- a/src/hooks/router.ts
+++ b/src/hooks/router.ts
@ -8,7 +8,7 @@ const router = new Navigates();
 * 路由hook
 */
 export function useRouter() {
-	return router;
+    return router;
 }

 /**
@ -19,26 +19,26 @@ export function useRouter() {
 * @return RouteLocationNormalized
 */
 export function useRoute(): RouteLocationNormalized {
-	const currentPages = getCurrentPages();
-	const currentPage = currentPages[currentPages.length - 1];
-	const path = currentPage?.route || '';
-	const routerStore = useRouterStore();
-	const currentRoute = routerStore.getRoutes?.get(path as string);
-	let query = {};
-	/* #ifndef MP-WEIXIN */
-	// @ts-ignore
-	query = currentPage?.$page?.options || {};
-	/* #endif */
+    const currentPages = getCurrentPages();
+    const currentPage = currentPages[currentPages.length - 1];
+    const path = currentPage?.route || '';
+    const routerStore = useRouterStore();
+    const currentRoute = routerStore.getRoutes?.get(path as string);
+    let query = {};
+    /* #ifndef MP-WEIXIN */
+    // @ts-ignore
+    query = currentPage?.$page?.options || {};
+    /* #endif */

-	/* #ifdef MP-WEIXIN */
-	// @ts-ignore
-	query = currentPage?.options || {};
-	/* #endif */
-	return {
-		currentPages,
-		currentPage,
-		path,
-		currentRoute,
-		query,
-	};
+    /* #ifdef MP-WEIXIN */
+    // @ts-ignore
+    query = currentPage?.options || {};
+    /* #endif */
+    return {
+        currentPages,
+        currentPage,
+        path,
+        currentRoute,
+        query,
+    };
 }
--- a/src/hooks/useGlobalStyle.ts
+++ b/src/hooks/useGlobalStyle.ts
@ -5,11 +5,11 @@ const { globalStyle } = pagesJson;
 * 全局样式
 */
 export const useGlobalStyle = () => {
-	const { navigationBarTextStyle, navigationBarTitleText, navigationBarBackgroundColor, backgroundColor } = globalStyle;
-	return {
-		navigationBarTextStyle,
-		navigationBarTitleText,
-		navigationBarBackgroundColor,
-		backgroundColor,
-	};
+    const { navigationBarTextStyle, navigationBarTitleText, navigationBarBackgroundColor, backgroundColor } = globalStyle;
+    return {
+        navigationBarTextStyle,
+        navigationBarTitleText,
+        navigationBarBackgroundColor,
+        backgroundColor,
+    };
 };
--- a/src/hooks/useSystem.ts
+++ b/src/hooks/useSystem.ts
@ -4,149 +4,149 @@
 * @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,
-	};
+    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,
+    };
 };
--- a/src/main.ts
+++ b/src/main.ts
@ -4,12 +4,12 @@ import { setupStore } from '@/state';
 import 'uno.css';

 export function createApp() {
-	const app = createSSRApp(App);
+    const app = createSSRApp(App);

-	// Configure store
-	setupStore(app);
+    // Configure store
+    setupStore(app);

-	return {
-		app,
-	};
+    return {
+        app,
+    };
 }
--- a/src/pages.json
+++ b/src/pages.json
@ -1,118 +1,130 @@
 {
-  "pages": [
-    {
-      "path": "pages/index/index",
-      "style": {
-        "navigationBarTitleText": "首页",
-        "navigationStyle":"custom"
-      },
-      "meta": {
-        "ignoreAuth": true
-      }
+    "pages": [
+        {
+            "path": "pages/index/index",
+            "style": {
+                "navigationBarTitleText": "首页",
+                "navigationStyle": "custom"
+            },
+            "meta": {
+                "ignoreAuth": true
+            }
+        },
+        {
+            "path": "pages/demo/index",
+            "style": {
+                "navigationBarTitleText": "Demo"
+            },
+            "meta": {
+                "ignoreAuth": true
+            }
+        },
+        {
+            "path": "pages/about/index",
+            "style": {
+                "navigationBarTitleText": "关于"
+            },
+            "meta": {
+                "ignoreAuth": true
+            }
+        },
+        {
+            "path": "pages/login/index",
+            "style": {
+                "navigationBarTitleText": "登录"
+            },
+            "meta": {
+                "ignoreAuth": true
+            }
+        },
+        {
+            "path": "pages/log/index",
+            "style": {
+                "navigationBarTitleText": "日志"
+            }
+        },
+        {
+            "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": "#262833",
+        "backgroundColor": "#F8F8F8",
+        "navigationStyle": "default",
+        "renderingMode": "seperated",
+        "pageOrientation": "portrait"
    },
-    {
-      "path": "pages/demo/index",
-      "style": {
-        "navigationBarTitleText": "Demo"
-      },
-      "meta": {
-        "ignoreAuth": true
-      }
-    },
-    {
-      "path": "pages/about/index",
-      "style": {
-        "navigationBarTitleText": "关于"
-      },
-      "meta": {
-        "ignoreAuth": true
-      }
-    },
-    {
-      "path": "pages/login/index",
-      "style": {
-        "navigationBarTitleText": "登录"
-      },
-      "meta": {
-        "ignoreAuth": true
-      }
-    },
-    {
-      "path": "pages/log/index",
-      "style": {
-        "navigationBarTitleText": "日志"
-      }
-    },
-    {
-      "path": "pages/notFound/404",
-      "style": {
-        "navigationBarTitleText": "Not Found"
-      },
-      "meta": {
-        "ignoreAuth": true
-      }
+    "tabBar": {
+        "color": "#474747",
+        "selectedColor": "#9BC6FC",
+        "backgroundColor": "#FFFFFF",
+        "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"
+            }
+        ]
    }
-  ],
-  "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": "#262833",
-    "backgroundColor": "#F8F8F8",
-    "navigationStyle": "default",
-    "renderingMode": "seperated",
-    "pageOrientation": "portrait"
-  },
-  "tabBar": {
-    "color": "#474747",
-    "selectedColor": "#9BC6FC",
-    "backgroundColor": "#FFFFFF",
-    "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"
-    }]
-  }
 }
--- a/src/pages/about/index.vue
+++ b/src/pages/about/index.vue
@ -10,65 +10,65 @@ const authStore = useAuthStore();
 const isLogin = ref(false);
 const router = useRouter();
 onShow(() => {
-	isLogin.value = authStore.isLogin;
+    isLogin.value = authStore.isLogin;
 });
 const handleJump = (url: string) => {
-	router.push(url);
+    router.push(url);
 };

 // 登出
 const handleLoginOut = () => {
-	authStore.loginOut().then(() => {
-		isLogin.value = false;
-	});
+    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')">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>
+    <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')">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>
 </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;
-	}
+    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>
--- a/src/pages/demo/index.vue
+++ b/src/pages/demo/index.vue
@ -5,22 +5,22 @@ import { useRouter } from '@/hooks/router';

 const router = useRouter();
 const jumpList1 = () => {
-	router.push('/pagesA/list/test1/index?key=words&page=1&limit=15');
+    router.push('/pagesA/list/test1/index?key=words&page=1&limit=15');
 };
 </script>

 <template>
-	<AppProvider>
-		<view class="container"> 页面构建中... </view>
-		<view class="_u_center">
-			<BasicButton @click="jumpList1">List1 → </BasicButton>
-		</view>
-	</AppProvider>
+    <AppProvider>
+        <view class="container"> 页面构建中... </view>
+        <view class="_u_center">
+            <BasicButton @click="jumpList1">List1 → </BasicButton>
+        </view>
+    </AppProvider>
 </template>

 <style lang="scss" scoped>
 .container {
-	padding: 128rpx 0;
-	text-align: center;
+    padding: 128rpx 0;
+    text-align: center;
 }
 </style>
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@ -15,55 +15,55 @@ const isVue3 = judgePlatform(PLATFORMS.VUE3);

 const router = useRouter();
 const handleGetStarted = () => {
-	router.pushTab('/pages/demo/index');
-	// router.push('/pages/log/index?id=4345&title=log');
+    router.pushTab('/pages/demo/index');
+    // router.push('/pages/log/index?id=4345&title=log');
 };
 </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>
+    <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>
 </template>
 <style lang="scss">
 .content {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 }

 .logo {
-	height: 200rpx;
-	width: 200rpx;
-	margin: 280rpx auto 50rpx;
+    height: 200rpx;
+    width: 200rpx;
+    margin: 280rpx auto 50rpx;
 }

 .text-area {
-	display: flex;
-	justify-content: center;
-	margin-bottom: 60rpx;
+    display: flex;
+    justify-content: center;
+    margin-bottom: 60rpx;
 }

 .title {
-	font-size: 36rpx;
-	color: #8f8f94;
+    font-size: 36rpx;
+    color: #8f8f94;
 }
 </style>
--- a/src/pages/log/index.vue
+++ b/src/pages/log/index.vue
@ -1,12 +1,12 @@
 <template>
-	<view style="line-height: 88rpx; text-align: center">登录后访问log</view>
+    <view style="line-height: 88rpx; text-align: center">登录后访问log</view>
 </template>

 <script lang="ts" setup>
 import { onLoad } from '@dcloudio/uni-app';

 onLoad((query) => {
-	console.log('log onLoad', query);
+    console.log('log onLoad', query);
 });
 </script>

--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@ -7,85 +7,85 @@ import { useRouter } from '@/hooks/router';

 const redirect = ref<string | undefined>(undefined);
 onLoad((query) => {
-	redirect.value = query.redirect ? decodeURIComponent(query.redirect) : undefined;
+    redirect.value = query.redirect ? decodeURIComponent(query.redirect) : undefined;
 });

 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 submit = (e: any) => {
-	authStore.login(e.detail.value).then(() => {
-		Toast('登录成功', { duration: 1500 });
-		setTimeout(() => {
-			if (redirect.value) {
-				router.go(redirect.value, { replace: true });
-				return;
-			}
-			router.pushTab('/pages/about/index');
-		}, 1500);
-	});
+    authStore.login(e.detail.value).then(() => {
+        Toast('登录成功', { duration: 1500 });
+        setTimeout(() => {
+            if (redirect.value) {
+                router.go(redirect.value, { replace: true });
+                return;
+            }
+            router.pushTab('/pages/about/index');
+        }, 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>
+    <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%;
-	.title {
-		padding: 320rpx 0 32rpx 0;
-		text-align: center;
-	}
-	.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-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;
-				}
-			}
-		}
-	}
+    margin: 0 auto;
+    width: 80%;
+    .title {
+        padding: 320rpx 0 32rpx 0;
+        text-align: center;
+    }
+    .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-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>
--- a/src/pages/notFound/404.vue
+++ b/src/pages/notFound/404.vue
@ -8,26 +8,26 @@ 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);
+    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>
+    <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>
--- 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>
--- a/src/pagesA/list/test1/index.vue
+++ b/src/pagesA/list/test1/index.vue
@ -4,11 +4,11 @@ import { useRouter } from '@/hooks/router';

 const router = useRouter();
 const jumpTest2 = () => {
-	router.push('/pagesA/list/test2/index?id=256');
+    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="_u_center"> Test1 </view>
+    <view class="_u_center"><BasicButton @click="jumpTest2">Test2 → </BasicButton></view>
 </template>
 <style scoped></style>
--- a/src/pagesA/list/test2/index.vue
+++ b/src/pagesA/list/test2/index.vue
@ -4,13 +4,13 @@ import { useRouter } from '@/hooks/router';

 const router = useRouter();
 const jumpDetail = () => {
-	router.push('/pagesB/detail/index?page=1&limit=20');
+    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>
--- a/src/services/api/auth.ts
+++ b/src/services/api/auth.ts
@ -9,23 +9,23 @@ const REFRESH_TOKEN = '/refresh/token';
 * @param params
 */
 export function login(params: LoginParams) {
-	return request.post<LoginModel>(LOGIN, params, {
-		custom: {
-			auth: false,
-		},
-	});
+    return request.post<LoginModel>(LOGIN, params, {
+        custom: {
+            auth: false,
+        },
+    });
 }

 /**
 * 登出
 */
 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, {});
 }
--- a/src/services/api/user.ts
+++ b/src/services/api/user.ts
@ -1 +1,2 @@
-import { request } from '@/utils/http';
+// import { request } from '@/utils/http';
+export {};
--- 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;
 }
--- a/src/services/model/baseModel.d.ts
+++ b/src/services/model/baseModel.d.ts
@ -1,5 +1,5 @@
 declare interface API<T = any> {
-	code: number;
-	data?: T;
-	message: string;
+    code: number;
+    data?: T;
+    message: string;
 }
--- 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
--- a/src/state/app.ts
+++ b/src/state/app.ts
@ -1,12 +1,12 @@
 import { defineStore } from 'pinia';

 interface AppState {
-	sys?: string | number;
+    sys?: string | number;
 }

 export const useAppStore = defineStore({
-	id: 'app-store',
-	state: (): AppState => ({}),
-	getters: {},
-	actions: {},
+    id: 'app-store',
+    state: (): AppState => ({}),
+    getters: {},
+    actions: {},
 });
--- a/src/state/index.ts
+++ b/src/state/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 };
--- a/src/state/modules/auth.ts
+++ b/src/state/modules/auth.ts
@ -4,62 +4,62 @@ import { TOKEN_KEY } from '@/enums/cacheEnum';
 import { login, logout, refreshToken } from '@/services/api/auth';

 interface AuthState {
-	token?: string;
+    token?: string;
 }

 export const useAuthStore = defineStore({
-	id: 'auth',
-	state: (): AuthState => ({
-		token: undefined,
-	}),
-	getters: {
-		getToken: (state) => state.token,
-		isLogin: (state): boolean => !!state.token,
-	},
-	actions: {
-		initToken() {
-			this.token = getCache<string>(TOKEN_KEY) || undefined;
-		},
-		setToken(token: string | undefined) {
-			setCache(TOKEN_KEY, token);
-			this.token = token;
-		},
-		/**
-		 * @description 登录
-		 */
-		async login(params: LoginParams): Promise<LoginModel> {
-			try {
-				const { data } = await login(params);
-				this.setToken(data.token);
-				return Promise.resolve(data);
-			} catch (err: any) {
-				return Promise.reject(err);
-			}
-		},
-		/**
-		 * @description 登出
-		 */
-		async loginOut(): Promise<any> {
-			try {
-				const res = await logout();
-				removeCache(TOKEN_KEY);
-				this.setToken(undefined);
-				return Promise.resolve(res);
-			} catch (err: any) {
-				return Promise.reject(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);
-			}
-		},
-	},
+    id: 'auth',
+    state: (): AuthState => ({
+        token: undefined,
+    }),
+    getters: {
+        getToken: (state) => state.token,
+        isLogin: (state): boolean => !!state.token,
+    },
+    actions: {
+        initToken() {
+            this.token = getCache<string>(TOKEN_KEY) || undefined;
+        },
+        setToken(token: string | undefined) {
+            setCache(TOKEN_KEY, token);
+            this.token = token;
+        },
+        /**
+         * @description 登录
+         */
+        async login(params: LoginParams): Promise<LoginModel> {
+            try {
+                const { data } = await login(params);
+                this.setToken(data.token);
+                return Promise.resolve(data);
+            } catch (err: any) {
+                return Promise.reject(err);
+            }
+        },
+        /**
+         * @description 登出
+         */
+        async loginOut(): Promise<any> {
+            try {
+                const res = await logout();
+                removeCache(TOKEN_KEY);
+                this.setToken(undefined);
+                return Promise.resolve(res);
+            } catch (err: any) {
+                return Promise.reject(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);
+            }
+        },
+    },
 });
--- a/src/state/modules/router.ts
+++ b/src/state/modules/router.ts
@ -3,33 +3,33 @@ import { Route } from '@/types/router/route';
 import { pagesMap } from '@/utils/router/routes';

 interface routeStore {
-	routes: Map<string, Route> | undefined;
-	currentRouter: Route | undefined;
+    routes: Map<string, Route> | undefined;
+    currentRouter: Route | undefined;
 }

 export const useRouterStore = defineStore({
-	id: 'routerStore',
-	state: (): routeStore => ({
-		routes: undefined,
-		currentRouter: undefined,
-	}),
-	getters: {
-		getRoutes(state) {
-			return state.routes;
-		},
-		getCurrentRoute(state) {
-			return state.currentRouter;
-		},
-	},
-	actions: {
-		initialize() {
-			this.setRoutes();
-		},
-		setRoutes() {
-			this.routes = pagesMap;
-		},
-		setCurrentRoute(path: string) {
-			this.currentRouter = this.routes?.get(path) || undefined;
-		},
-	},
+    id: 'routerStore',
+    state: (): routeStore => ({
+        routes: undefined,
+        currentRouter: undefined,
+    }),
+    getters: {
+        getRoutes(state) {
+            return state.routes;
+        },
+        getCurrentRoute(state) {
+            return state.currentRouter;
+        },
+    },
+    actions: {
+        initialize() {
+            this.setRoutes();
+        },
+        setRoutes() {
+            this.routes = pagesMap;
+        },
+        setCurrentRoute(path: string) {
+            this.currentRouter = this.routes?.get(path) || undefined;
+        },
+    },
 });
--- a/src/state/modules/user.ts
+++ b/src/state/modules/user.ts
@ -1,12 +1,12 @@
 import { defineStore } from 'pinia';

 interface UserState {
-	id?: string | number;
+    id?: string | number;
 }

 export const useUserStore = defineStore({
-	id: 'user',
-	state: (): UserState => ({}),
-	getters: {},
-	actions: {},
+    id: 'user',
+    state: (): UserState => ({}),
+    getters: {},
+    actions: {},
 });
--- a/src/types/env.d.ts
+++ b/src/types/env.d.ts
@ -1,23 +1,23 @@
 // / <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 { DefineComponent } from 'vue';
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+    const component: DefineComponent<{}, {}, 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_PROD: boolean;
-	readonly VITE_DEV: boolean;
-	readonly VITE_APP_CACHE_PREFIX: string;
-	readonly VITE_PORT: number;
+    readonly VITE_ENV: string;
+    readonly VITE_APP_TITLE: string;
+    readonly VITE_BASE_URL: string;
+    readonly VITE_UPLOAD_URL: string;
+    readonly VITE_PROD: boolean;
+    readonly VITE_DEV: boolean;
+    readonly VITE_APP_CACHE_PREFIX: string;
+    readonly VITE_PORT: number;
 }

 interface ImportMeta {
-	readonly env: ImportMetaEnv;
+    readonly env: ImportMetaEnv;
 }
--- a/src/types/router/route.d.ts
+++ b/src/types/router/route.d.ts
@ -1,32 +1,32 @@
-import { types } from 'sass';
-import Boolean = types.Boolean;
+// import { types } from 'sass';
+// import Boolean = types.Boolean;

 export interface Route extends Record<string, any> {
-	path: string;
-	meta?: {
-		ignoreAuth?: boolean;
-		tabBar: boolean;
-	};
-	style: {
-		navigationBarTitleText: string;
-		[key: string]: string | boolean;
-	};
+    path: string;
+    meta?: {
+        ignoreAuth?: boolean;
+        tabBar: boolean;
+    };
+    style: {
+        navigationBarTitleText: string;
+        [key: string]: string | boolean;
+    };
 }

 export interface SubPackages {
-	root: string;
-	pages: Route[];
+    root: string;
+    pages: Route[];
 }

 export interface RouteLocationNormalized {
-	/* 当前页面栈的实例 */
-	currentPages: Page.PageInstance<AnyObject, {}>[];
-	/* 当前页面的实例 */
-	currentPage: Page.PageInstance | undefined;
-	/* 当前页面在pages.json中的配置 */
-	currentRoute?: Route;
-	/* 当前页面的path */
-	path?: string;
-	/* 当前页面的url参数 */
-	query: Record<string, string | string[]>;
+    /* 当前页面栈的实例 */
+    currentPages: Page.PageInstance<AnyObject, {}>[];
+    /* 当前页面的实例 */
+    currentPage: Page.PageInstance | undefined;
+    /* 当前页面在pages.json中的配置 */
+    currentRoute?: Route;
+    /* 当前页面的path */
+    path?: string;
+    /* 当前页面的url参数 */
+    query: Record<string, string | string[]>;
 }
--- a/src/utils/cache/index.ts
+++ b/src/utils/cache/index.ts
@ -2,27 +2,27 @@ import { createStorage, CreateStorageParams } from './storageCache';
 import { cacheCipher, DEFAULT_CACHE_TIME, DEFAULT_PREFIX_KEY, 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();
 }
--- a/src/utils/cache/storageCache.ts
+++ b/src/utils/cache/storageCache.ts
@ -4,110 +4,110 @@ 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,
+    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!');
-	}
+    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 });
+    const encryption = new AesEncryption({ key, iv });

-	/**
-	 * Cache class
-	 * Construction parameters can be passed into sessionStorage, localStorage,
-	 * @class Cache
-	 * @example
-	 */
-	class Storage {
-		private prefixKey?: string;
+    /**
+     * Cache class
+     * Construction parameters can be passed into sessionStorage, localStorage,
+     * @class Cache
+     * @example
+     */
+    class Storage {
+        private prefixKey?: string;

-		private encryption: AesEncryption;
+        private encryption: AesEncryption;

-		private hasEncrypt: boolean;
+        private hasEncrypt: boolean;

-		/**
-		 *
-		 * @param {*} storage
-		 */
-		constructor() {
-			this.prefixKey = prefixKey;
-			this.encryption = encryption;
-			this.hasEncrypt = hasEncrypt;
-		}
+        /**
+         *
+         * @param {*} storage
+         */
+        constructor() {
+            this.prefixKey = prefixKey;
+            this.encryption = encryption;
+            this.hasEncrypt = hasEncrypt;
+        }

-		private getKey(key: string) {
-			return `${this.prefixKey}${key}`.toUpperCase();
-		}
+        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}`);
-			}
-		}
+        /**
+         * 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;
+        /**
+         * 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;
-			}
-		}
+            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 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();
+        /**
+         * Delete all caches of this instance
+         */
+        clear(): void {
+            uni.clearStorageSync();
+        }
+    }
+    return new Storage();
 };
--- a/src/utils/cipher.ts
+++ b/src/utils/cipher.ts
@ -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);
+        }
+        if (iv) {
+            this.iv = parse(iv);
+        }
+    }

-	get getOptions() {
-		return {
-			mode: ECB,
-			padding: pkcs7,
-			iv: this.iv,
-		};
-	}
+    get getOptions() {
+        return {
+            mode: ECB,
+            padding: pkcs7,
+            iv: this.iv,
+        };
+    }

-	encryptByAES(cipherText: string) {
-		return encrypt(cipherText, this.key!, this.getOptions).toString();
-	}
+    encryptByAES(cipherText: string) {
+        return encrypt(cipherText, this.key!, this.getOptions).toString();
+    }

-	decryptByAES(cipherText: string) {
-		return decrypt(cipherText, this.key!, this.getOptions).toString(UTF8);
-	}
+    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();
 }
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@ -6,7 +6,7 @@ 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 +25,7 @@ export const prodMode = 'production';
 * @example:
 */
 export function getEnvMode(): string {
-	return isDevMode() ? devMode : prodMode;
+    return isDevMode() ? devMode : prodMode;
 }

 /**
@ -34,8 +34,8 @@ export function getEnvMode(): string {
 * @example:
 */
 export function getEnvValue<T = any>(key: string): T {
-	// @ts-ignore
-	return import.meta.env[key];
+    // @ts-ignore
+    return import.meta.env[key];
 }

 /**
@ -44,7 +44,7 @@ export function getEnvValue<T = any>(key: string): T {
 * @example:
 */
 export function isDevMode(): boolean {
-	return getEnvValue<boolean>('VITE_DEV');
+    return getEnvValue<boolean>('VITE_DEV');
 }

 /**
@ -53,7 +53,7 @@ export function isDevMode(): boolean {
 * @example:
 */
 export function isProdMode(): boolean {
-	return getEnvValue<boolean>('VITE_PROD');
+    return getEnvValue<boolean>('VITE_PROD');
 }

 /**
@ -62,8 +62,8 @@ export function isProdMode(): boolean {
 * @example:
 */
 export function getBaseUrl(): string {
-	if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/api';
-	return getEnvValue<string>('VITE_BASE_URL');
+    if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/api';
+    return getEnvValue<string>('VITE_BASE_URL');
 }

 /**
@ -72,6 +72,6 @@ export function getBaseUrl(): string {
 * @example:
 */
 export function getUploadUrl(): string {
-	if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/upload';
-	return getEnvValue<string>('VITE_UPLOAD_URL');
+    if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/upload';
+    return getEnvValue<string>('VITE_UPLOAD_URL');
 }
--- a/src/utils/http/index.ts
+++ b/src/utils/http/index.ts
@ -7,18 +7,18 @@ import { ResultEnum } from '@/enums/httpEnum';

 const BASE_URL = getBaseUrl();
 const HEADER = {
-	'Content-Type': 'application/json;charset=UTF-8;',
-	Accept: 'application/json, text/plain, */*',
+    'Content-Type': 'application/json;charset=UTF-8;',
+    Accept: 'application/json, text/plain, */*',
 };

 function createRequest() {
-	return new Request({
-		baseURL: BASE_URL,
-		header: HEADER,
-		custom: {
-			auth: true,
-		},
-	});
+    return new Request({
+        baseURL: BASE_URL,
+        header: HEADER,
+        custom: {
+            auth: true,
+        },
+    });
 }

 const request = createRequest();
@ -26,40 +26,40 @@ const request = createRequest();
 * 请求拦截器
 */
 request.interceptors.request.use(
-	(options) => {
-		if (options.custom?.auth) {
-			const authStore = useAuthStore();
-			if (!authStore.isLogin) {
-				Toast('请先登录');
-				// token不存在跳转到登录页
-				return Promise.reject(options);
-			}
-			options.header = assign(options.header, {
-				authorization: `Bearer ${authStore.getToken}`,
-			});
-		}
-		return options;
-	},
-	(options) => Promise.reject(options)
+    (options) => {
+        if (options.custom?.auth) {
+            const authStore = useAuthStore();
+            if (!authStore.isLogin) {
+                Toast('请先登录');
+                // token不存在跳转到登录页
+                return Promise.reject(options);
+            }
+            options.header = assign(options.header, {
+                authorization: `Bearer ${authStore.getToken}`,
+            });
+        }
+        return options;
+    },
+    (options) => Promise.reject(options),
 );

 /**
 * 响应拦截器
 */
 request.interceptors.response.use(
-	async (response) => {
-		const { data: resData } = response;
-		const { code, message } = resData;
-		if (code === ResultEnum.SUCCESS) {
-			return resData as any;
-		}
-		Toast(message);
-		return Promise.reject(resData);
-	},
-	(response) =>
-		// 请求错误做点什么。可以使用async await 做异步操作
-		// error('Request Error!');
-		Promise.reject(response)
+    async (response) => {
+        const { data: resData } = response;
+        const { code, message } = resData;
+        if (code === ResultEnum.SUCCESS) {
+            return resData as any;
+        }
+        Toast(message);
+        return Promise.reject(resData);
+    },
+    (response) =>
+        // 请求错误做点什么。可以使用async await 做异步操作
+        // error('Request Error!');
+        Promise.reject(response),
 );

 export { request };
--- 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;
 }
--- a/src/utils/interceptors/index.ts
+++ b/src/utils/interceptors/index.ts
@ -1,9 +1,9 @@
 import { routerInterceptor, routerRemoveInterceptor } from '@/utils/router/interceptor';

 export function setupInterceptors() {
-	routerInterceptor();
+    routerInterceptor();
 }

 export function removeInterceptor() {
-	routerRemoveInterceptor();
+    routerRemoveInterceptor();
 }
--- 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-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);
 }
--- 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}`);
 }
--- a/src/utils/platform.ts
+++ b/src/utils/platform.ts
@ -7,136 +7,118 @@ import { PLATFORMS } from '@/enums/platformEnum';
 * @return boolean
 */
 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;
+    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;
-			break;
-		case PLATFORMS.APP_PLUS:
-			/* #ifdef APP-PLUS */
-			isAppPlus = true;
-			/* #endif */
-			return isAppPlus;
-			break;
-		case PLATFORMS.APP_PLUS_NVUE:
-			/* #ifdef APP-PLUS-NVUE */
-			isAppPlusNvue = true;
-			/* #endif */
-			return isAppPlusNvue;
-			break;
-		case PLATFORMS.APP_NVUE:
-			/* #ifdef APP-NVUE */
-			isAppNvue = true;
-			/* #endif */
-			return isAppNvue;
-			break;
-		case PLATFORMS.H5:
-			/* #ifdef H5 */
-			isH5 = true;
-			/* #endif */
-			return isH5;
-			break;
-		case PLATFORMS.MP:
-			/* #ifdef MP */
-			isMp = true;
-			/* #endif */
-			return isMp;
-			break;
-		case PLATFORMS.MP_WEIXIN:
-			/* #ifdef MP-WEIXIN */
-			isMpWeinxin = true;
-			/* #endif */
-			return isMpWeinxin;
-			break;
-		case PLATFORMS.MP_ALIPAY:
-			/* #ifdef MP-ALIPAY */
-			isMpAlipay = true;
-			/* #endif */
-			return isMpAlipay;
-			break;
-		case PLATFORMS.MP_BAIDU:
-			/* #ifdef MP_BAIDU */
-			isMpBaidu = true;
-			/* #endif */
-			return isMpBaidu;
-			break;
-		case PLATFORMS.MP_TOUTIAO:
-			/* #ifdef MP-TOUTIAO */
-			isMpToutiao = true;
-			/* #endif */
-			return isMpToutiao;
-			break;
-		case PLATFORMS.MP_LARK:
-			/* #ifdef MP-LARK */
-			isMpLark = true;
-			/* #endif */
-			return isMpLark;
-			break;
-		case PLATFORMS.MP_QQ:
-			/* #ifdef MP-QQ */
-			isMpQq = true;
-			/* #endif */
-			return isMpQq;
-			break;
-		case PLATFORMS.MP_KUAISHOU:
-			/* #ifdef MP-KUAISHOU */
-			isMpKuaishou = true;
-			/* #endif */
-			return isMpKuaishou;
-			break;
-		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;
-			break;
-		case PLATFORMS.QUICKAPP_WEBVIEW:
-			/* #ifdef QUICKAPP-WEBVIEW */
-			isQuickAppWebView = true;
-			/* #endif */
-			return isQuickAppWebView;
-			break;
-		case PLATFORMS.QUICKAPP_WEBVIEW_UNION:
-			/* #ifdef QUICKAPP-WEBVIEW-UNION */
-			isQuickAppWebViewUnion = true;
-			/* #endif */
-			return isQuickAppWebViewUnion;
-			break;
-		case PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI:
-			/* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
-			isQuickAppWebViewHuawei = true;
-			/* #endif */
-			return isQuickAppWebViewHuawei;
-			break;
-		default:
-			return false;
-	}
-	return 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;
+    }
 }
--- a/src/utils/router/constant.ts
+++ b/src/utils/router/constant.ts
@ -8,12 +8,12 @@ import { useRouter } from '@/hooks/router';
 * @return boolean
 */
 export function isIgnoreAuth(path: string): boolean {
-	const _path = filterPath(path);
-	const routerStore = useRouterStore();
-	const routes = routerStore.getRoutes;
-	if (!routes) return false;
-	const route = routes.get(_path);
-	return route === undefined ? true : !!route?.meta?.ignoreAuth;
+    const _path = filterPath(path);
+    const routerStore = useRouterStore();
+    const routes = routerStore.getRoutes;
+    if (!routes) return false;
+    const route = routes.get(_path);
+    return route === undefined ? true : !!route?.meta?.ignoreAuth;
 }

 /**
@ -21,10 +21,10 @@ export function isIgnoreAuth(path: string): boolean {
 * @param path
 */
 export function jumpLogin(path: string) {
-	const _path = path.startsWith('/') ? path : `/${path}`;
-	const pathQuery = encodeURIComponent(_path);
-	const router = useRouter();
-	router.push(`${LOGIN_PAGE}?redirect=${pathQuery}`);
+    const _path = path.startsWith('/') ? path : `/${path}`;
+    const pathQuery = encodeURIComponent(_path);
+    const router = useRouter();
+    router.push(`${LOGIN_PAGE}?redirect=${pathQuery}`);
 }

 /**
@ -33,6 +33,6 @@ export function jumpLogin(path: string) {
 * @param prefix
 */
 export function filterPath(url: string, prefix = '') {
-	const path = url.split('?')[0];
-	return prefix + (path.startsWith('/') ? path.substring(1) : path);
+    const path = url.split('?')[0];
+    return prefix + (path.startsWith('/') ? path.substring(1) : path);
 }
--- a/src/utils/router/interceptor.ts
+++ b/src/utils/router/interceptor.ts
@ -9,12 +9,12 @@ import { isIgnoreAuth, jumpLogin } from '@/utils/router/constant';
 */

 export function routerBeforeEach(path: string): boolean {
-	const isIgnore = isIgnoreAuth(path);
-	if (isIgnore) return true;
-	const authStore = useAuthStore();
-	if (authStore.isLogin) return true;
-	jumpLogin(path);
-	return false;
+    const isIgnore = isIgnoreAuth(path);
+    if (isIgnore) return true;
+    const authStore = useAuthStore();
+    if (authStore.isLogin) return true;
+    jumpLogin(path);
+    return false;
 }

 /**
@ -26,50 +26,50 @@ export function routerBeforeEach(path: string): boolean {
 * @export void
 */
 function addInterceptor(routerName: string) {
-	uni.addInterceptor(routerName, {
-		// 跳转前拦截
-		invoke: (args) => {
-			const flag = routerBeforeEach(args.url);
-			return flag ? args : false;
-		},
-		// 成功回调拦截
-		success: () => {},
-		// 失败回调拦截
-		fail: (err: any) => {
-			let reg: RegExp;
-			/* #ifdef MP-WEIXIN */
-			reg = /(.*)?(fail page ")(.*)(" is not found$)/;
-			/* #endif */
-			/* #ifndef MP-WEIXIN */
-			reg = /(.*)?(fail page `)(.*)(` is not found$)/;
-			/* #endif */
-			if (reg.test(err.errMsg)) {
-				const go = err.errMsg.replace(reg, '$3') || '';
-				uni.navigateTo({
-					url: `${NOT_FOUND_PAGE}?redirect=${HOME_PAGE}&go=${go}`,
-				});
-			}
-			return false;
-		},
-		// 完成回调拦截
-		complete: () => {},
-	});
+    uni.addInterceptor(routerName, {
+        // 跳转前拦截
+        invoke: (args) => {
+            const flag = routerBeforeEach(args.url);
+            return flag ? args : false;
+        },
+        // 成功回调拦截
+        success: () => {},
+        // 失败回调拦截
+        fail: (err: any) => {
+            let reg: RegExp;
+            /* #ifdef MP-WEIXIN */
+            reg = /(.*)?(fail page ")(.*)(" is not found$)/;
+            /* #endif */
+            /* #ifndef MP-WEIXIN */
+            reg = /(.*)?(fail page `)(.*)(` is not found$)/;
+            /* #endif */
+            if (reg.test(err.errMsg)) {
+                const go = err.errMsg.replace(reg, '$3') || '';
+                uni.navigateTo({
+                    url: `${NOT_FOUND_PAGE}?redirect=${HOME_PAGE}&go=${go}`,
+                });
+            }
+            return false;
+        },
+        // 完成回调拦截
+        complete: () => {},
+    });
 }

 /**
 * 添加路由拦截器
 */
 export function routerInterceptor() {
-	NAVIGATE_TYPE_LIST.forEach((item) => {
-		addInterceptor(item);
-	});
+    NAVIGATE_TYPE_LIST.forEach((item) => {
+        addInterceptor(item);
+    });
 }

 /**
 * 移除路由拦截器
 */
 export function routerRemoveInterceptor() {
-	NAVIGATE_TYPE_LIST.forEach((item) => {
-		uni.removeInterceptor(item);
-	});
+    NAVIGATE_TYPE_LIST.forEach((item) => {
+        uni.removeInterceptor(item);
+    });
 }
--- a/src/utils/router/navigates.ts
+++ b/src/utils/router/navigates.ts
@ -7,117 +7,117 @@ import { useRouterStore } from '@/state/modules/router';
 import { filterPath } from '@/utils/router/constant';

 export type NavigateOptions = Partial<Omit<UniApp.NavigateToOptions, 'url'>> & {
-	delta?: number;
+    delta?: number;
 };

 export class Navigates {
-	private type: string;
+    private type: string;

-	private readonly options: NavigateOptions;
+    private readonly options: NavigateOptions;

-	constructor(type?: string, options?: NavigateOptions) {
-		this.type = type || NAVIGATE_TYPE.NAVIGATE_TO;
-		this.options = options || {};
-	}
+    constructor(type?: string, options?: NavigateOptions) {
+        this.type = type || NAVIGATE_TYPE.NAVIGATE_TO;
+        this.options = options || {};
+    }

-	navigate(url: string, options?: NavigateOptions) {
-		const navigateOptions = deepMerge(cloneDeep(this.options), options);
-		const _options = deepMerge({ url }, navigateOptions);
-		switch (this.type) {
-			case NAVIGATE_TYPE.NAVIGATE_TO:
-				uni.navigateTo(_options);
-				break;
-			case NAVIGATE_TYPE.REDIRECT_TO:
-				uni.redirectTo(_options);
-				break;
-			case NAVIGATE_TYPE.RE_LAUNCH:
-				uni.reLaunch(_options);
-				break;
-			case NAVIGATE_TYPE.SWITCH_TAB:
-				uni.switchTab(_options);
-				break;
-			case NAVIGATE_TYPE.NAVIGATE_BACK:
-				uni.navigateBack(navigateOptions);
-				break;
-			default:
-				warn('navigate Error');
-				break;
-		}
-	}
+    navigate(url: string, options?: NavigateOptions) {
+        const navigateOptions = deepMerge(cloneDeep(this.options), options);
+        const _options = deepMerge({ url }, navigateOptions);
+        switch (this.type) {
+            case NAVIGATE_TYPE.NAVIGATE_TO:
+                uni.navigateTo(_options);
+                break;
+            case NAVIGATE_TYPE.REDIRECT_TO:
+                uni.redirectTo(_options);
+                break;
+            case NAVIGATE_TYPE.RE_LAUNCH:
+                uni.reLaunch(_options);
+                break;
+            case NAVIGATE_TYPE.SWITCH_TAB:
+                uni.switchTab(_options);
+                break;
+            case NAVIGATE_TYPE.NAVIGATE_BACK:
+                uni.navigateBack(navigateOptions);
+                break;
+            default:
+                warn('navigate Error');
+                break;
+        }
+    }

-	/**
-	 * uni.navigateTo
-	 * @param url
-	 * @param options
-	 */
-	push(url: string, options?: NavigateOptions) {
-		this.type = NAVIGATE_TYPE.NAVIGATE_TO;
-		this.navigate(url, options);
-	}
+    /**
+     * uni.navigateTo
+     * @param url
+     * @param options
+     */
+    push(url: string, options?: NavigateOptions) {
+        this.type = NAVIGATE_TYPE.NAVIGATE_TO;
+        this.navigate(url, options);
+    }

-	/**
-	 * uni.redirectTo
-	 * @param url
-	 * @param options
-	 */
-	replace(url: string, options?: NavigateOptions) {
-		this.type = NAVIGATE_TYPE.REDIRECT_TO;
-		this.navigate(url, options);
-	}
+    /**
+     * uni.redirectTo
+     * @param url
+     * @param options
+     */
+    replace(url: string, options?: NavigateOptions) {
+        this.type = NAVIGATE_TYPE.REDIRECT_TO;
+        this.navigate(url, options);
+    }

-	/**
-	 * uni.reLaunch
-	 * @param url
-	 * @param options
-	 */
-	replaceAll(url: string, options?: NavigateOptions) {
-		this.type = NAVIGATE_TYPE.RE_LAUNCH;
-		this.navigate(url, options);
-	}
+    /**
+     * uni.reLaunch
+     * @param url
+     * @param options
+     */
+    replaceAll(url: string, options?: NavigateOptions) {
+        this.type = NAVIGATE_TYPE.RE_LAUNCH;
+        this.navigate(url, options);
+    }

-	/**
-	 * uni.switchTab
-	 * @param url
-	 * @param options
-	 */
-	pushTab(url: string, options?: NavigateOptions) {
-		// 微信小程序端uni.switchTab拦截无效处理
-		/* #ifdef MP-WEIXIN */
-		if (!routerBeforeEach(url)) {
-			return;
-		}
-		/* #endif */
-		this.type = NAVIGATE_TYPE.SWITCH_TAB;
-		this.navigate(url, options);
-	}
+    /**
+     * uni.switchTab
+     * @param url
+     * @param options
+     */
+    pushTab(url: string, options?: NavigateOptions) {
+        // 微信小程序端uni.switchTab拦截无效处理
+        /* #ifdef MP-WEIXIN */
+        if (!routerBeforeEach(url)) {
+            return;
+        }
+        /* #endif */
+        this.type = NAVIGATE_TYPE.SWITCH_TAB;
+        this.navigate(url, options);
+    }

-	/**
-	 * uni.navigateBack
-	 * @param options
-	 */
-	back(options?: NavigateOptions) {
-		this.type = NAVIGATE_TYPE.NAVIGATE_BACK;
-		this.navigate('', options);
-	}
+    /**
+     * uni.navigateBack
+     * @param options
+     */
+    back(options?: NavigateOptions) {
+        this.type = NAVIGATE_TYPE.NAVIGATE_BACK;
+        this.navigate('', options);
+    }

-	/**
-	 * 自动判断跳转页面 (navigateTo|switchTab)
-	 * @param url
-	 * @param options
-	 */
-	go(url: string, options?: NavigateOptions & { replace?: boolean }) {
-		const path = filterPath(url);
-		const routerStore = useRouterStore();
-		const routes = routerStore.getRoutes;
-		const route = routes?.get(path);
-		if (route?.meta?.tabBar) {
-			this.pushTab(url, options);
-			return;
-		}
-		if (options?.replace) {
-			this.replace(url, options);
-			return;
-		}
-		this.push(url, options);
-	}
+    /**
+     * 自动判断跳转页面 (navigateTo|switchTab)
+     * @param url
+     * @param options
+     */
+    go(url: string, options?: NavigateOptions & { replace?: boolean }) {
+        const path = filterPath(url);
+        const routerStore = useRouterStore();
+        const routes = routerStore.getRoutes;
+        const route = routes?.get(path);
+        if (route?.meta?.tabBar) {
+            this.pushTab(url, options);
+            return;
+        }
+        if (options?.replace) {
+            this.replace(url, options);
+            return;
+        }
+        this.push(url, options);
+    }
 }
--- a/src/utils/router/routes.ts
+++ b/src/utils/router/routes.ts
@ -8,34 +8,34 @@ const { pages, subPackages, tabBar } = pagesJson;
 const pagesMap = new Map<string, Route>();

 pages.forEach((page) => {
-	pagesMap.set(page.path, page as Route);
+    pagesMap.set(page.path, page as Route);
 });

 if (Array.isArray(subPackages) && subPackages.length) {
-	subPackages.forEach((el) => {
-		const rootPath = el.root;
-		el.pages.forEach((page) => {
-			page.path = `${rootPath}/${page.path}`;
-			pagesMap.set(page.path, page as Route);
-		});
-	});
+    subPackages.forEach((el) => {
+        const rootPath = el.root;
+        el.pages.forEach((page) => {
+            page.path = `${rootPath}/${page.path}`;
+            pagesMap.set(page.path, page as Route);
+        });
+    });
 }

 if (tabBar) {
-	const tabBarList = tabBar.list;
-	if (Array.isArray(tabBarList)) {
-		tabBarList.forEach((el) => {
-			if (pagesMap.has(el.pagePath)) {
-				const page = pagesMap.get(el.pagePath);
-				const meta = page?.meta || {};
-				// @ts-ignore
-				meta.tabBar = true;
-				// @ts-ignore
-				page.meta = assign({}, meta);
-				pagesMap.set(el.pagePath, page as Route);
-			}
-		});
-	}
+    const tabBarList = tabBar.list;
+    if (Array.isArray(tabBarList)) {
+        tabBarList.forEach((el) => {
+            if (pagesMap.has(el.pagePath)) {
+                const page = pagesMap.get(el.pagePath);
+                const meta = page?.meta || {};
+                // @ts-ignore
+                meta.tabBar = true;
+                // @ts-ignore
+                page.meta = assign({}, meta);
+                pagesMap.set(el.pagePath, page as Route);
+            }
+        });
+    }
 }

 export { pagesMap };
--- a/src/utils/uniapi/index.ts
+++ b/src/utils/uniapi/index.ts
@ -5,41 +5,41 @@
 * @constructor
 */
 export const SetClipboardData = (data: string, showToast = true) =>
-	new Promise((resolve, reject) => {
-		uni.setClipboardData({
-			data,
-			showToast,
-			success: (res) => {
-				resolve(res);
-			},
-			fail: (err) => {
-				reject(err);
-			},
-		});
-	});
+    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);
-			},
-		});
-	});
+    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);
+    return uni.upx2px(upx);
 };

 /**
@ -47,5 +47,5 @@ export const rpx2px = (upx: number) => {
 * @param upx
 */
 export const px2rpx = (px: number) => {
-	return px / (uni.upx2px(100) / 100);
+    return px / (uni.upx2px(100) / 100);
 };
--- 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);
+            },
+        });
+    });
 }
--- a/tsconfig.json
+++ b/tsconfig.json
@ -1,54 +1,25 @@
 {
-	/* 根选项 */
-	"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], // 指定被编译文件所在的目录
-	"exclude": [], // 指定不需要被编译的目录
-	//使用小技巧：在填写路径时 ** 表示任意目录， * 表示任意文件。
-
-	/* 项目选项 */
-	"compilerOptions": {
-		"target": "esnext", // 目标语言的版本
-		"useDefineForClassFields": true, //发出符合ecmascript标准的类字段
-		"module": "esnext", // 生成代码的模板标准
-		"moduleResolution": "node", //指定TypeScript如何从给定的模块说明符中查找文件
-		"jsx": "preserve", //指定生成什么JSX代码。
-		"sourceMap": true, //为发出的JavaScript文件创建源映射文件。
-		"esModuleInterop": true, // 允许export=导出，由import from 导入
-		"lib": ["esnext", "dom"], // TS需要引用的库
-		"types": ["@dcloudio/types"],
-		// "allowJs": true, // 允许编译器编译JS，JSX文件
-		// "checkJs": false, // 允许在JS文件中报错，通常与allowJS一起使用
-		"removeComments": true, // 删除注释
-		"paths": {
-			"@/*": ["./src/*"]
-		}, //指定一组条目，它们将导入重新映射到其他查找位置。
-
-		/* 严格检查选项 */
-		"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, // 类的实例属性必须初始化
-
-		/* 额外检查 */
-		"noUnusedLocals": true, //是否检查未使用的局部变量
-		"noUnusedParameters": true, //是否检查未使用的参数
-		"noImplicitReturns": true, //检查函数是否不含有隐式返回值
-		"noImplicitOverride": true, //是否检查子类继承自基类时，其重载的函数命名与基类的函数不同步问题
-		"noFallthroughCasesInSwitch": true, //检查switch中是否含有case没有使用break跳出
-		"noUncheckedIndexedAccess": true, //是否通过索引签名来描述对象上有未知键但已知值的对象
-		"noPropertyAccessFromIndexSignature": false, //是否通过" . “(obj.key) 语法访问字段和"索引”( obj[“key”])， 以及在类型中声明属性的方式之间的一致性
-
-		/* 实验选项 */
-		"experimentalDecorators": true, //是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
-		"emitDecoratorMetadata": true, //为装饰器启用对发出类型元数据的实验性支持
-
-		/* 高级选项 */
-		"forceConsistentCasingInFileNames": true, //是否区分文件系统大小写规则
-		"extendedDiagnostics": false, //是否查看 TS 在编译时花费的时间
-		"noEmitOnError": true, //有错误时不进行编译
-		"resolveJsonModule": true //是否解析 JSON 模块
-	}
+    "compilerOptions": {
+        "target": "ESNext", // 目标语言的版本
+        "useDefineForClassFields": true, //发出符合ECMAScript标准的类字段
+        "module": "ESNext", // 生成代码的模板标准
+        "moduleResolution": "Node", //指定TypeScript如何从给定的模块说明符中查找文件
+        "strict": true, // 开启所有严格的类型检查
+        "jsx": "preserve", //指定生成什么JSX代码。
+        "resolveJsonModule": true, //是否解析 JSON 模块
+        "isolatedModules": true, // 确保每个文件都可以安全地转译，而不依赖于其他导入。
+        "esModuleInterop": true, // 发出额外的JavaScript以简化对导入Common/S模块的支持。这使得allowsyntheticdefaulultimports类型兼容。
+        "removeComments": true, // 删除注释
+        "types": ["@dcloudio/types"],
+        "paths": { "@/*": ["./src/*"] }, //指定一组条目，它们将导入重新映射到其他查找位置。
+        "lib": ["ESNext", "DOM"], // TS需要引用的库
+        "skipLibCheck": true, // 跳过所有.d.ts文件的类型检查
+        "noEmit": true, // 从编译中禁用发射文件。
+        "noEmitOnError": true, //有错误时不进行编译
+        "forceConsistentCasingInFileNames": true, //是否区分文件系统大小写规则
+        "experimentalDecorators": true, //是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
+        "emitDecoratorMetadata": true //为装饰器启用对发出类型元数据的实验性支持
+    },
+    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+    "references": [{ "path": "./tsconfig.node.json" }] // 引用的项目。要求TypeScript 3.0或更高版本。
 }
--- a/tsconfig.node.json
+++ b/tsconfig.node.json
@ -0,0 +1,9 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "module": "ESNext",
+        "moduleResolution": "Node",
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"]
+}
--- a/unocss.config.js
+++ b/unocss.config.js
@ -6,61 +6,58 @@

 import { defineConfig, presetIcons } from 'unocss';
 import presetWeapp from 'unocss-preset-weapp';
-import {
-  transformerAttributify,
-  transformerClass,
-} from 'unocss-preset-weapp/transformer';
+import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer';

 const transformRules = {
-  '.': '-d111-',
-  '/': '-s111-',
-  ':': '-c111-',
-  '%': '-p111-',
-  '!': '-e111-',
-  '#': '-w111-',
-  '(': '-b111l-',
-  ')': '-b111r-',
-  '[': '-f111l-',
-  ']': '-f111r-',
-  $: '-r111-',
-  ',': '-r222-',
+    '.': '-d111-',
+    '/': '-s111-',
+    ':': '-c111-',
+    '%': '-p111-',
+    '!': '-e111-',
+    '#': '-w111-',
+    '(': '-b111l-',
+    ')': '-b111r-',
+    '[': '-f111l-',
+    ']': '-f111r-',
+    $: '-r111-',
+    ',': '-r222-',
 };

 const prefix = `_u_`;

 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: 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,
+        }),
+    ],
 });
--- a/vite.config.ts
+++ b/vite.config.ts
@ -1,99 +1,61 @@
-import { ConfigEnv, UserConfig } from 'vite';
-import uni from '@dcloudio/vite-plugin-uni';
-import eslintPlugin from 'vite-plugin-eslint';
+// Vite中文网：https://vitejs.cn/config/
+import { ConfigEnv, loadEnv, UserConfig } from 'vite';
 import { resolve } from 'path';
-import { loadEnv } from 'vite';
+import uni from '@dcloudio/vite-plugin-uni';
 import Unocss from 'unocss/vite';

-//发布时动态修改 manifest.json
-// if (process.env.NODE_ENV === 'production') {
-// 	// 读取 manifest.json ，修改后重新写入
-// 	const fs = require('fs');
-// 	const manifestPath = './src/manifest.json';
-// 	let Manifest = fs.readFileSync(manifestPath, { encoding: 'utf-8' });
-// 	function replaceManifest(path: string, value: any) {
-// 		const arr = path.split('.');
-// 		const len = arr.length;
-// 		const lastItem = arr[len - 1];
-
-// 		let i = 0;
-// 		let ManifestArr = Manifest.split(/\n/);
-
-// 		for (let index = 0; index < ManifestArr.length; index++) {
-// 			const item = ManifestArr[index];
-// 			if (new RegExp(`"${arr[i]}"`).test(item)) ++i;
-// 			if (i === len) {
-// 				const hasComma = /,/.test(item);
-// 				ManifestArr[index] = item.replace(new RegExp(`"${lastItem}"[\\s\\S]*:[\\s\\S]*`), `"${lastItem}": ${value}${hasComma ? ',' : ''}`);
-// 				break;
-// 			}
-// 		}
-
-// 		Manifest = ManifestArr.join('\n');
-// 	}
-// 	let Data1 = new Date().toLocaleDateString();
-// 	let Data2 = new Date().toLocaleTimeString();
-// 	let Data_ = Data1.replace(/\//g, '-') + ' ' + Data2;
-// 	// 使用
-// 	replaceManifest('description', JSON.stringify(`app平台-${Data_}`));
-// 	replaceManifest(
-// 		'versionName',
-// 		JSON.stringify(
-// 			String(Number(JSON.parse(Manifest).versionCode) + 1)
-// 				.split('')
-// 				.join('.')
-// 		)
-// 	);
-// 	replaceManifest('versionCode', JSON.stringify(String(Number(JSON.parse(Manifest).versionCode) + 1)));
-// 	fs.writeFileSync(manifestPath, Manifest, { flag: 'w' });
-// }
-
-// https://vitejs.cn/config/
 export default ({ mode }: ConfigEnv): UserConfig => {
-	const root = process.cwd();
-	const env = loadEnv(mode, root);
-	return {
-		base: './',
-		resolve: {
-			alias: {
-				'@': resolve('./src'),
-			},
-		},
-		define: {
-			'process.env': {},
-		},
-		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/, ''),
-				},
-			},
-		},
-		plugins: [
-			uni(),
-			Unocss(),
-			// eslintPlugin({
-			//   include: ['src/**/*.js', 'src/**/*.vue', 'src/**/*.ts'],
-			//   exclude: ['./node_modules/**'],
-			//   cache: false,
-			// }),
-		],
-		css: {
-			preprocessorOptions: {
-				scss: {
-					// additionalData: '@import "@/assets/style/main.scss";',
-				},
-			},
-		},
-	};
+    const root = process.cwd();
+    const env = loadEnv(mode, root);
+    return {
+        base: './',
+        // 设置路径别名
+        resolve: {
+            alias: {
+                '@': resolve('./src'),
+            },
+            extensions: ['.js', '.json', '.ts', '.vue'], // 使用路径别名时想要省略的后缀名，可以自己 增减
+        },
+        // 自定义全局变量
+        define: {
+            'process.env': {},
+        },
+        // 开发服务器配置
+        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/, ''),
+                },
+            },
+        },
+        // 构建配置
+        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'],
+                    // },
+                },
+            },
+        },
+        // 插件
+        plugins: [uni(), Unocss()],
+    };
 };