.env

@@ -1,12 +1,31 @@
 # 基础请求路径
 VITE_BASE_API="/api"
+
 # 模拟请求路径
 VITE_MOCK_BASE_API="/mock"
+
 # 线上环境接口地址
-VITE_APP_URL="http://localhost:8800"
+VITE_APP_URL=http://localhost:8800
+
 # 线上环境接口地址
-VITE_APP_MOCK_URL="http://localhost:8800"
+VITE_APP_MOCK_URL=http://localhost:6262
+
+# 网络请求延迟时间
+VITE_BASE_API_TIMEOUT=15000
+
+# 失败重试次数
+VITE_BASE_API_RETRY=5
+
+# 失败重试时间
+VITE_BASE_API_RETRY_DELAY=3000
+
 # 端口号
 VITE_PORT=6262
+
 # 是否使用CDN加速
-VITE_CDN=true
+VITE_CDN=true
+
+# 是否启用gzip压缩或brotli压缩（分两种情况，删除原始文件和不删除原始文件）
+# 压缩时不删除原始文件的配置：gzip、brotli、both（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
+# 压缩时删除原始文件的配置：gzip-clear、brotli-clear、both-clear（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
+VITE_COMPRESSION="both"

.env.development

@@ -1,12 +1,31 @@
 # 基础请求路径
 VITE_BASE_API="/api"
+
 # 模拟请求路径
-VITE_MOCK_BASE_API=/mock
+VITE_MOCK_BASE_API="/mock"
+
 # 线上环境接口地址
-VITE_APP_URL="http://localhost:8800"
+VITE_APP_URL=http://localhost:8800
+
 # 线上环境接口地址
-VITE_APP_MOCK_URL="http://localhost:8800"
+VITE_APP_MOCK_URL=http://localhost:6262
+
+# 网络请求延迟时间
+VITE_BASE_API_TIMEOUT=15000
+
+# 失败重试次数
+VITE_BASE_API_RETRY=5
+
+# 失败重试时间
+VITE_BASE_API_RETRY_DELAY=3000
+
 # 端口号
 VITE_PORT=6262
+
 # 是否使用CDN加速
-VITE_CDN=true
+VITE_CDN=true
+
+# 是否启用gzip压缩或brotli压缩（分两种情况，删除原始文件和不删除原始文件）
+# 压缩时不删除原始文件的配置：gzip、brotli、both（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
+# 压缩时删除原始文件的配置：gzip-clear、brotli-clear、both-clear（同时开启 gzip 与 brotli 压缩）、none（不开启压缩，默认）
+VITE_COMPRESSION="both"

.eslintrc.js

@@ -1,67 +1,67 @@
 // @see: http://eslint.cn
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true,
-    es6: true
-  },
-  /* 指定如何解析语法 */
-  parser: "vue-eslint-parser",
-  /* 优先级低于 parse 的语法解析配置 */
-  parserOptions: {
-    parser: "@typescript-eslint/parser",
-    ecmaVersion: 2020,
-    sourceType: "module",
-    jsxPragma: "React",
-    ecmaFeatures: {
-      jsx: true
-    }
-  },
-  /* 继承某些已有的规则 */
-  extends: ["plugin:vue/vue3-recommended", "plugin:@typescript-eslint/recommended", "prettier", "plugin:prettier/recommended"],
-  /*
-   * "off" 或 0    ==>  关闭规则
-   * "warn" 或 1   ==>  打开的规则作为警告（不影响代码执行）
-   * "error" 或 2  ==>  规则作为一个错误（代码不能执行，界面报错）
-   */
-  rules: {
-    // eslint (http://eslint.cn/docs/rules)
-    "no-var": "error", // 要求使用 let 或 const 而不是 var
-    "no-multiple-empty-lines": ["error", { max: 1 }], // 不允许多个空行
-    "no-use-before-define": "off", // 禁止在 函数/类/变量 定义之前使用它们
-    "prefer-const": "off", // 此规则旨在标记使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const
-    "no-irregular-whitespace": "off", // 禁止不规则的空白
+export default {
+	root: true,
+	env: {
+		browser: true,
+		node: true,
+		es6: true,
+	},
+	/* 指定如何解析语法 */
+	parser: 'vue-eslint-parser',
+	/* 优先级低于 parse 的语法解析配置 */
+	parserOptions: {
+		parser: '@typescript-eslint/parser',
+		ecmaVersion: 2020,
+		sourceType: 'module',
+		jsxPragma: 'React',
+		ecmaFeatures: {
+			jsx: true,
+		},
+	},
+	/* 继承某些已有的规则 */
+	extends: ['plugin:vue/vue3-recommended', 'plugin:@typescript-eslint/recommended', 'prettier', 'plugin:prettier/recommended'],
+	/*
+	 * "off" 或 0    ==>  关闭规则
+	 * "warn" 或 1   ==>  打开的规则作为警告（不影响代码执行）
+	 * "error" 或 2  ==>  规则作为一个错误（代码不能执行，界面报错）
+	 */
+	rules: {
+		// eslint (http://eslint.cn/docs/rules)
+		'no-var': 'error', // 要求使用 let 或 const 而不是 var
+		'no-multiple-empty-lines': ['error', { max: 1 }], // 不允许多个空行
+		'no-use-before-define': 'off', // 禁止在 函数/类/变量 定义之前使用它们
+		'prefer-const': 'off', // 此规则旨在标记使用 let 关键字声明但在初始分配后从未重新分配的变量，要求使用 const
+		'no-irregular-whitespace': 'off', // 禁止不规则的空白
 
-    // typeScript (https://typescript-eslint.io/rules)
-    "@typescript-eslint/prefer-ts-expect-error": "error", // 禁止使用 @ts-ignore
-    "@typescript-eslint/no-inferrable-types": "off", // 可以轻松推断的显式类型可能会增加不必要的冗长
-    "@typescript-eslint/no-namespace": "off", // 禁止使用自定义 TypeScript 模块和命名空间。
-    "@typescript-eslint/no-explicit-any": "off", // 禁止使用 any 类型
-    "@typescript-eslint/ban-types": "off", // 禁止使用特定类型
-    "@typescript-eslint/explicit-function-return-type": "off", // 不允许对初始化为数字、字符串或布尔值的变量或参数进行显式类型声明
-    "@typescript-eslint/no-var-requires": "off", // 不允许在 import 语句中使用 require 语句
-    "@typescript-eslint/no-empty-function": "off", // 禁止空函数
-    "@typescript-eslint/no-use-before-define": "off", // 禁止在变量定义之前使用它们
-    "@typescript-eslint/ban-ts-comment": "off", // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
-    "@typescript-eslint/no-non-null-assertion": "off", // 不允许使用后缀运算符的非空断言(!)
-    "@typescript-eslint/explicit-module-boundary-types": "off", // 要求导出函数和类的公共类方法的显式返回和参数类型
-    "@typescript-eslint/no-unused-vars": "off",
+		// typeScript (https://typescript-eslint.io/rules)
+		'@typescript-eslint/prefer-ts-expect-error': 'error', // 禁止使用 @ts-ignore
+		'@typescript-eslint/no-inferrable-types': 'off', // 可以轻松推断的显式类型可能会增加不必要的冗长
+		'@typescript-eslint/no-namespace': 'off', // 禁止使用自定义 TypeScript 模块和命名空间。
+		'@typescript-eslint/no-explicit-any': 'off', // 禁止使用 any 类型
+		'@typescript-eslint/ban-types': 'off', // 禁止使用特定类型
+		'@typescript-eslint/explicit-function-return-type': 'off', // 不允许对初始化为数字、字符串或布尔值的变量或参数进行显式类型声明
+		'@typescript-eslint/no-var-requires': 'off', // 不允许在 import 语句中使用 require 语句
+		'@typescript-eslint/no-empty-function': 'off', // 禁止空函数
+		'@typescript-eslint/no-use-before-define': 'off', // 禁止在变量定义之前使用它们
+		'@typescript-eslint/ban-ts-comment': 'off', // 禁止 @ts-<directive> 使用注释或要求在指令后进行描述
+		'@typescript-eslint/no-non-null-assertion': 'off', // 不允许使用后缀运算符的非空断言(!)
+		'@typescript-eslint/explicit-module-boundary-types': 'off', // 要求导出函数和类的公共类方法的显式返回和参数类型
+		'@typescript-eslint/no-unused-vars': 'off',
 
-    // vue (https://eslint.vuejs.org/rules)
-    "vue/no-v-html": "off", // 禁止使用 v-html
-    "vue/script-setup-uses-vars": "error", // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该no-unused-vars规则时有效。
-    "vue/v-slot-style": "error", // 强制执行 v-slot 指令样式
-    "vue/no-mutating-props": "off", // 不允许组件 prop的改变
-    "vue/custom-event-name-casing": "off", // 为自定义事件名称强制使用特定大小写
-    "vue/attributes-order": "off", // vue api使用顺序，强制执行属性顺序
-    "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", // 此规则要求为每个 prop 为必填时，必须提供默认值
-    "vue/multi-word-component-names": "off" // 要求组件名称始终为 “-” 链接的单词
-  }
+		// vue (https://eslint.vuejs.org/rules)
+		'vue/no-v-html': 'off', // 禁止使用 v-html
+		'vue/script-setup-uses-vars': 'error', // 防止<script setup>使用的变量<template>被标记为未使用，此规则仅在启用该no-unused-vars规则时有效。
+		'vue/v-slot-style': 'error', // 强制执行 v-slot 指令样式
+		'vue/no-mutating-props': 'off', // 不允许组件 prop的改变
+		'vue/custom-event-name-casing': 'off', // 为自定义事件名称强制使用特定大小写
+		'vue/attributes-order': 'off', // vue api使用顺序，强制执行属性顺序
+		'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', // 此规则要求为每个 prop 为必填时，必须提供默认值
+		'vue/multi-word-component-names': 'off', // 要求组件名称始终为 “-” 链接的单词
+	},
 };

build/compress.ts

@@ -2,8 +2,8 @@ import type { Plugin } from 'vite';
 import { isArray } from '@pureadmin/utils';
 import compressPlugin from 'vite-plugin-compression';
 
-export const configCompressPlugin = (compress: ViteCompression): Plugin | Plugin[] => {
-	if (compress === 'none') return null;
+export const configCompressPlugin = (compress: any): Plugin | Plugin[] | null => {
+	if (compress === 'none' || compress === void 0) return null;
 
 	const gz = {
 		// 生成的压缩包后缀

build/optimize.ts

@@ -5,49 +5,49 @@
  * 温馨提示：如果您使用的第三方库是全局引入，也就是引入到 src/main.ts 文件里，就不需要再添加到 include 里了，因为 vite 会自动将它们缓存到 node_modules/.vite
  */
 const include = [
-	'qs',
+	// 'qs',
 	'mitt',
-	'xlsx',
+	// 'xlsx',
 	'dayjs',
 	'axios',
 	'pinia',
-	'typeit',
-	'swiper',
-	'qrcode',
-	'intro.js',
+	// 'typeit',
+	// 'swiper',
+	// 'qrcode',
+	// 'intro.js',
 	'vue-i18n',
-	'vxe-table',
-	'vue-types',
-	'js-cookie',
-	'vue-tippy',
-	'cropperjs',
-	'jsbarcode',
-	'pinyin-pro',
-	'sortablejs',
-	'swiper/vue',
-	'mint-filter',
-	'@vueuse/core',
-	'vue3-danmaku',
-	'v-contextmenu',
-	'vue-pdf-embed',
-	'wavesurfer.js',
-	'swiper/modules',
-	'china-area-data',
-	'vue-json-pretty',
-	'@logicflow/core',
+	// 'vxe-table',
+	// 'vue-types',
+	// 'js-cookie',
+	// 'vue-tippy',
+	// 'cropperjs',
+	// 'jsbarcode',
+	// 'pinyin-pro',
+	// 'sortablejs',
+	// 'swiper/vue',
+	// 'mint-filter',
+	// '@vueuse/core',
+	// 'vue3-danmaku',
+	// 'v-contextmenu',
+	// 'vue-pdf-embed',
+	// 'wavesurfer.js',
+	// 'swiper/modules',
+	// 'china-area-data',
+	// 'vue-json-pretty',
+	// '@logicflow/core',
 	'@pureadmin/utils',
-	'@wangeditor/editor',
-	'responsive-storage',
-	'plus-pro-components',
-	'@howdyjs/mouse-menu',
-	'@logicflow/extension',
-	'vue-virtual-scroller',
-	'@amap/amap-jsapi-loader',
-	'el-table-infinite-scroll',
-	'vue-waterfall-plugin-next',
-	'@infectoone/vue-ganttastic',
-	'@wangeditor/editor-for-vue',
-	'vuedraggable/src/vuedraggable',
+	// '@wangeditor/editor',
+	// 'responsive-storage',
+	// 'plus-pro-components',
+	// '@howdyjs/mouse-menu',
+	// '@logicflow/extension',
+	// 'vue-virtual-scroller',
+	// '@amap/amap-jsapi-loader',
+	// 'el-table-infinite-scroll',
+	// 'vue-waterfall-plugin-next',
+	// '@infectoone/vue-ganttastic',
+	// '@wangeditor/editor-for-vue',
+	// 'vuedraggable/src/vuedraggable',
 ];
 
 /**

build/plugins.ts

@@ -6,8 +6,9 @@ import legacy from '@vitejs/plugin-legacy';
 import { compression } from 'vite-plugin-compression2';
 import { viteMockServe } from 'vite-plugin-mock';
 import { viteBuildInfo } from './info';
+import { configCompressPlugin } from './compress.ts';
 
-export function getPluginsList(): PluginOption[] {
+export function getPluginsList(VITE_CDN: boolean, VITE_COMPRESSION: any): PluginOption[] {
 	return [
 		vue(),
 		legacy({
@@ -36,7 +37,8 @@ export function getPluginsList(): PluginOption[] {
 		vueJsx(),
 		compression(),
 		viteBuildInfo(),
-		process.env.VITE_CDN ? cdn : null,
-		viteMockServe({ mockPath: 'src/mock' }),
+		VITE_CDN ? cdn : null,
+		configCompressPlugin(VITE_COMPRESSION),
+		viteMockServe({ mockPath: 'src/api/mock' }),
 	];
 }

build/version.js

@@ -0,0 +1,145 @@
+// 使用细节：
+// 1、导入方式：在 src 文件夹中使用可以 const version = require('@/utils/version') 这样引入使用，在根目录也就是 src 之外的文件夹则只能 const version = require('./src/utils/version') 这样引入使用
+
+// 引入请求库（如果想使用 axios 请求，打开注释即可，下面 get 方法中也需要打开注释，默认使用JS原生请求）
+// const axios = require('axios')
+// 引入文件管理模块（基于 node 环境，如果为原生前端开发，则注释掉 fs 相关的代码即可，直接手动创建一个文件使用 get 方法获取即可，注意统一存储内容格式看 create 方法注释）
+import fs from 'fs';
+
+// 本地版本号缓存 key
+const storageKey = 'currentVersion';
+
+// 创建版本文件（由于 fs 基于 node，且只需要每次编译时创建更新一遍，所以推荐放置于 vue.config.js 文件顶部使用，然后使用 build 命令时会被成功执行创建好文件）
+// path: 文件路径以及文件名称（例如：verify.text, public/verify.json 都是存在 public 文件夹中）
+// version: 版本号（例如：版本号、时间戳 ...，统一存储内容为：{ version: xxx }）
+// result: 回调创建于写入结果
+function create(path = 'public/verify.json', version = new Date().getTime(), result) {
+	// 在指定目录中添加校验文件
+	fs.writeFile(path, JSON.stringify({ version }), err => {
+		const isOK = !!err;
+		if (result) {
+			result({ isOK });
+		}
+	});
+}
+
+// 获取版本号（下面 get 方法）升级版（返回：当前版本号、是否有新版本。样例：{ version: xxx，new: true }，并缓存好新的版本号，可选择直接刷新页面。vue 推荐放到路由守卫 router.afterEach(路由跳转后) 回调中，切换页面时随时检查版本是否更新，这个请求很快的，占用的时间几乎可以忽略，而且就是切换页面完成之后，就算失败或者网不好也不影响正常操作）
+// path: 看下面 get 方法中的注释
+// isReload: 如果有新版本使用，是否重新加载当前页面，强制浏览器重服务器获取当前页面资源，false 为后续自行手动刷新
+function getPro(path = 'verify.json', isReload = true) {
+	return new Promise((resolve, reject) => {
+		// 获取版本号
+		get(path)
+			.then(res => {
+				// 服务器版本号
+				const version = res.version;
+				// 检查是否有新版本
+				const isNew = isNewAvailable(version);
+				// 缓存版本号
+				save(version);
+				// 有新版本的话是否重新从服务器加载页面数据
+				if (isNew && isReload) {
+					reload();
+				}
+				// 返回
+				resolve({ version: version, new: isNew });
+			})
+			.catch(err => {
+				// 返回
+				reject(err);
+			});
+	});
+}
+
+// 获取版本号（返回：当前版本号。样例：{ version: xxx }，vue 推荐放到路由守卫 router.afterEach(路由跳转后) 回调中，切换页面时随时检查版本是否更新，这个请求很快的，占用的时间几乎可以忽略，而且就是切换页面完成之后，就算失败或者网不好也不影响正常操作）
+// path: 服务器文件路径（例如上 create() 中的路径，文件存 build 后存放在 public 文件夹中，服务器路径则直接域 + 文件名既可，如果为原生前端开发也是一样）
+function get(path = 'verify.json') {
+	// 服务器文件路径
+	const url = `${window.location.origin}/${path}?timestamp=${new Date().getTime()}`;
+
+	// axios 请求
+	// return new Promise((resolve, reject) => {
+	//   // 获取内容
+	//   axios.get(url).then(res => {
+	//     resolve(res)
+	//   }).catch(err => {
+	//     reject(err)
+	//   })
+	// })
+
+	// JS原生请求
+	return new Promise((resolve, reject) => {
+		// 创建 XMLHttpRequest 对象
+		var xhr = null;
+		if (window.XMLHttpRequest) {
+			// 现代主流浏览器的写法
+			xhr = new XMLHttpRequest();
+		} else {
+			// IE浏览器的写法
+			xhr = new ActiveXObject('Microsoft.XMLHTTP');
+		}
+		// 创建网络请求对象
+		xhr.open('get', url, true);
+		// 发送请求
+		xhr.send();
+		// 请求回调
+		xhr.onreadystatechange = () => {
+			// 连接成功
+			if (xhr.status === 200) {
+				// 请求成功
+				if (xhr.readyState === 4) {
+					// 返回
+					resolve(JSON.parse(xhr.responseText));
+				}
+			} else {
+				// 连接失败
+				reject(new Error('获取失败'));
+			}
+		};
+	});
+}
+
+// 缓存版本号
+// version: 版本号（服务器获取到的版本号）
+function save(version) {
+	localStorage.setItem(storageKey, version);
+}
+
+// 检查是否有新版本（true：有新版本 false：没有新版本）
+// version: 版本号（服务器获取到的版本号）
+function isNewAvailable(version) {
+	// 没值（不清楚是否为新版本，默认返回 false, 如果这种情况下需要刷新，可修改返回 true）
+	if (!version) {
+		return false;
+	}
+	// 获取本地缓存的版本号
+	const storageVersion = localStorage.getItem(storageKey);
+	// 本地没有版本号，说明本机第一次加载，不算新版本
+	if (!storageVersion || storageVersion === 'undefined') {
+		return false;
+	}
+	// 本地有版本号，进行对比
+	return `${version}` !== `${storageVersion}`;
+}
+
+// 刷新当前网页
+function reload() {
+	// 重新加载当前页面，强制浏览器重服务器获取当前页面资源
+	window.location.reload(true);
+}
+
+// 导出
+export {
+	// 创建版本文件
+	create,
+	// 获取版本号
+	get,
+	// 获取版本号升级版
+	getPro,
+	// 缓存版本号
+	save,
+	// 检查是否有新版本
+	isNewAvailable,
+	// 刷新当前页面，强制浏览器重服务器获取当前页面资源
+	reload,
+};

lint-staged.config.js

@@ -1,8 +1,8 @@
 export default {
-  // "*.{js,jsx,ts,tsx}": ["eslint --fix --no-ignore", "prettier --write"],
-  "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": ["prettier --write--parser json"],
-  "package.json": ["prettier --write"],
-  // "*.vue": ["eslint --fix", "prettier --write"],
-  "*.{scss,less,styl,html}": ["prettier --write", "eslint --fix --no-ignore"], // 'stylelint --fix',
-  "*.md": ["prettier --write"]
+	'*.{js,jsx,ts,tsx}': ['prettier --write'],
+	'{!(package)*.json,*.code-snippets,.!(browserslist)*rc}': ['prettier --write--parser json'],
+	'package.json': ['prettier --write'],
+	// "*.vue": ["eslint --fix", "prettier --write"],
+	'*.{scss,less,styl,html}': ['prettier --write'], // 'stylelint --fix',
+	'*.md': ['prettier --write'],
 };

package.json

@@ -4,8 +4,21 @@
 	"version": "1.0.0",
 	"type": "module",
 	"description": "Bunny-Vite模板",
-	"author": "Bunny-Admin <1319900154@qq.com>",
+	"author": {
+		"name": "Bunny0212",
+		"email": "1319900154@qq.com",
+		"url": "https://github.com/BunnyMaster"
+	},
 	"license": "MIT",
+	"keywords": [
+		"bunny-cli",
+		"tailwindcss",
+		"typescript",
+		"pinia",
+		"vue3",
+		"vite",
+		"esm"
+	],
 	"scripts": {
 		"dev": "vite",
 		"serve": "vite",
@@ -38,12 +51,15 @@
 		"moment": "^2.30.1",
 		"pinia": "^2.1.7",
 		"pinia-plugin-persistedstate": "^3.2.1",
+		"punycode": "^2.3.1",
 		"stylelint-scss": "^6.3.0",
 		"uuid": "^9.0.1",
 		"vite-plugin-cdn-import": "^1.0.1",
+		"vite-plugin-compression": "^0.5.1",
 		"vite-plugin-compression2": "^1.1.1",
 		"vue": "^3.4.21",
 		"vue-cookies": "^1.8.3",
+		"vue-demi": "^0.14.8",
 		"vue-i18n": "^9.13.1",
 		"vue-lazyload": "^3.0.0",
 		"vue-router": "^4.3.0"
@@ -85,6 +101,24 @@
 		"vite-plugin-mock": "^3.0.2",
 		"vue-tsc": "^2.0.6"
 	},
+	"engines": {
+		"node": "^18.18.0 || ^20.9.0 || >=21.1.0",
+		"pnpm": ">=8.6.10"
+	},
+	"pnpm": {
+		"allowedDeprecatedVersions": {
+			"sourcemap-codec": "*",
+			"domexception": "*",
+			"w3c-hr-time": "*",
+			"stable": "*",
+			"abab": "*"
+		},
+		"peerDependencyRules": {
+			"allowedVersions": {
+				"eslint": "9"
+			}
+		}
+	},
 	"gitHooks": {
 		"pre-commit": "lint-staged"
 	},

public/verify.json

@@ -0,0 +1 @@
+{"version":1720006821327}

src/api/api-v1/test.ts

@@ -0,0 +1,5 @@
+import Request from '@/api/service/request';
+
+export const fetchTestApi = () => {
+	return Request({ url: '/user/getCurrentUserInfo', method: 'GET' });
+};

src/api/mock/i18n/index.ts

@@ -0,0 +1,13 @@
+import { MockMethod } from 'vite-plugin-mock';
+import { zh_cn } from './modules/zh_cn.ts';
+import { en } from './modules/en.ts';
+
+const list: MockMethod[] = [
+	{
+		url: '/mock/getI18n',
+		method: 'get',
+		response: () => ({ data: { zh_cn, en, local: 'zh_cn' } }),
+	},
+];
+
+export default list;

src/api/mock/i18n/modules/en.ts

@@ -0,0 +1,18 @@
+export const en = {
+	login: {
+		reset: 'reset',
+		register: 'register',
+	},
+	home: {},
+	tabs: {},
+	header: {
+		fullScreen: 'Full Screen',
+		exitFullScreen: 'Exit Full Screen',
+		personalData: 'Personal Data',
+		changePassword: 'Change Password',
+		logout: 'Logout',
+	},
+	tip: {
+		loading: 'Loading...',
+	},
+};

src/api/mock/i18n/modules/zh_cn.ts

@@ -0,0 +1,18 @@
+export const zh_cn = {
+	login: {
+		reset: '重置',
+		register: '登录',
+	},
+	home: {},
+	tabs: {},
+	header: {
+		fullScreen: '全屏',
+		exitFullScreen: '退出全屏',
+		personalData: '个人信息',
+		changePassword: '修改密码',
+		logout: '退出登录',
+	},
+	tip: {
+		loading: '加载中...',
+	},
+};

src/api/service/request-mock.ts

@@ -1,9 +1,8 @@
-import { ResultEnum } from '@/enums/httpEnum.ts';
 import axios from 'axios';
 
 const request = axios.create({
 	baseURL: import.meta.env.VITE_MOCK_BASE_API,
-	timeout: ResultEnum.TIMEOUT as number,
+	timeout: import.meta.env.VITE_BASE_API_TIMEOUT,
 });
 
 // 请求拦截器

src/api/service/request.ts

@@ -1,29 +1,94 @@
-import { ResultEnum } from '@/enums/httpEnum.ts';
+import router from '@/router';
+import { localGet, localRemove } from '@/utils/util.ts';
 import axios from 'axios';
+import mittBus from '@/utils/mittBus.ts';
 
 const request = axios.create({
 	// 默认请求地址
 	baseURL: import.meta.env.VITE_BASE_API,
 	// 设置超时时间
-	timeout: ResultEnum.TIMEOUT as number,
+	timeout: import.meta.env.VITE_BASE_API_TIMEOUT,
+	// @ts-ignore
+	retry: import.meta.env.VITE_BASE_API_RETRY, //设置全局重试请求次数（最多重试几次请求）
+	retryDelay: import.meta.env.VITE_BASE_API_RETRY_DELAY, //设置全局请求间隔
 	// 跨域允许携带凭证
 	// withCredentials: true,
 });
 
 // 请求拦截器
 request.interceptors.request.use(config => {
+	// TODO 当本地有token表示登录了，请求时将token带上
+	const token = localGet('token');
+
+	if (token !== null) {
+		config.headers['token'] = token;
+	}
+
 	return config;
 });
 
 // 响应拦截器
 request.interceptors.response.use(
-	response => {
+	(response: any) => {
 		// 返回相应数据
-		return response.data;
+		const data = response.data;
+
+		// 登录过期
+		if (data.code === 208) {
+			// TODO 登录过期
+			console.log('登录过期');
+			router.push('/').then();
+			localRemove('token');
+		}
+
+		// 账户被封禁
+		if (data.code === 209) {
+			// TODO 账户被封禁
+			console.log('账户被封禁');
+			router.push('/').then();
+			localRemove('token');
+		}
+
+		// 统一处理异常
+		if (data.code !== 200 && data.code < 300) {
+			// TODO 统一处理异常
+			console.log('统一处理异常');
+		} else if (data.code > 300) {
+			console.log('统一处理异常');
+		}
+
+		// 返回消息内容
+		mittBus.emit('system-request-error', { retry: 0, retryCount: 0, isSuccess: true });
+		return data;
 	},
-	error => {
-		console.log(error);
-		return Promise.reject(new Error('网络错误'));
+	async error => {
+		const config = error.config;
+		// 重试次数
+		const retry = config.retry;
+		// 重试时间
+		const retryDelay = config.retryDelay;
+		// 当前重试次数
+		config._retryCount = config._retryCount || 0;
+
+		// 如果重试次数大于定义次数返回错误
+		if (config._retryCount > retry) {
+			return Promise.reject(new Error(error.response.statusText));
+		}
+
+		// 失败后打开到500页面
+		await router.push('/500');
+		mittBus.emit('system-request-error', { retry, retryCount: config._retryCount, isSuccess: false });
+
+		// 设置请求间隔 在发送下一次请求之前停留一段时间，时间为上方设置好的请求间隔时间
+		const backoff = new Promise(function (resolve) {
+			setTimeout(() => resolve(true), retryDelay || 1000);
+		});
+
+		// 如果失败次数加1
+		config._retryCount += 1;
+
+		// 再次发送请求
+		return backoff.then(() => request(error.config));
 	},
 );
 

src/api/v1/test.ts

@@ -1,8 +0,0 @@
-import Request from '@/api/service/request';
-
-export const reqGetLoadBoard = () => {
-	return Request({
-		url: '/board/loadBoard',
-		method: 'GET',
-	});
-};

src/assets/css/bootstrap/bootstrap-reboot.css

@@ -0,0 +1,603 @@
+/*!
+ * Bootstrap Reboot v5.3.0-alpha1 (https://getbootstrap.com/)
+ * Copyright 2011-2022 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+	--bs-blue: #0d6efd;
+	--bs-indigo: #6610f2;
+	--bs-purple: #6f42c1;
+	--bs-pink: #d63384;
+	--bs-red: #dc3545;
+	--bs-orange: #fd7e14;
+	--bs-yellow: #ffc107;
+	--bs-green: #198754;
+	--bs-teal: #20c997;
+	--bs-cyan: #0dcaf0;
+	--bs-black: #000;
+	--bs-white: #fff;
+	--bs-gray: #6c757d;
+	--bs-gray-dark: #343a40;
+	--bs-gray-100: #f8f9fa;
+	--bs-gray-200: #e9ecef;
+	--bs-gray-300: #dee2e6;
+	--bs-gray-400: #ced4da;
+	--bs-gray-500: #adb5bd;
+	--bs-gray-600: #6c757d;
+	--bs-gray-700: #495057;
+	--bs-gray-800: #343a40;
+	--bs-gray-900: #212529;
+	--bs-primary: #0d6efd;
+	--bs-secondary: #6c757d;
+	--bs-success: #198754;
+	--bs-info: #0dcaf0;
+	--bs-warning: #ffc107;
+	--bs-danger: #dc3545;
+	--bs-light: #f8f9fa;
+	--bs-dark: #212529;
+	--bs-primary-rgb: 13, 110, 253;
+	--bs-secondary-rgb: 108, 117, 125;
+	--bs-success-rgb: 25, 135, 84;
+	--bs-info-rgb: 13, 202, 240;
+	--bs-warning-rgb: 255, 193, 7;
+	--bs-danger-rgb: 220, 53, 69;
+	--bs-light-rgb: 248, 249, 250;
+	--bs-dark-rgb: 33, 37, 41;
+	--bs-primary-text: #0a58ca;
+	--bs-secondary-text: #6c757d;
+	--bs-success-text: #146c43;
+	--bs-info-text: #087990;
+	--bs-warning-text: #997404;
+	--bs-danger-text: #b02a37;
+	--bs-light-text: #6c757d;
+	--bs-dark-text: #495057;
+	--bs-primary-bg-subtle: #cfe2ff;
+	--bs-secondary-bg-subtle: #f8f9fa;
+	--bs-success-bg-subtle: #d1e7dd;
+	--bs-info-bg-subtle: #cff4fc;
+	--bs-warning-bg-subtle: #fff3cd;
+	--bs-danger-bg-subtle: #f8d7da;
+	--bs-light-bg-subtle: #fcfcfd;
+	--bs-dark-bg-subtle: #ced4da;
+	--bs-primary-border-subtle: #9ec5fe;
+	--bs-secondary-border-subtle: #e9ecef;
+	--bs-success-border-subtle: #a3cfbb;
+	--bs-info-border-subtle: #9eeaf9;
+	--bs-warning-border-subtle: #ffe69c;
+	--bs-danger-border-subtle: #f1aeb5;
+	--bs-light-border-subtle: #e9ecef;
+	--bs-dark-border-subtle: #adb5bd;
+	--bs-white-rgb: 255, 255, 255;
+	--bs-black-rgb: 0, 0, 0;
+	--bs-body-color-rgb: 33, 37, 41;
+	--bs-body-bg-rgb: 255, 255, 255;
+	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+	--bs-body-font-family: var(--bs-font-sans-serif);
+	--bs-body-font-size: 1rem;
+	--bs-body-font-weight: 400;
+	--bs-body-line-height: 1.5;
+	--bs-body-color: #212529;
+	--bs-emphasis-color: #000;
+	--bs-emphasis-color-rgb: 0, 0, 0;
+	--bs-secondary-color: rgba(33, 37, 41, 0.75);
+	--bs-secondary-color-rgb: 33, 37, 41;
+	--bs-secondary-bg: #e9ecef;
+	--bs-secondary-bg-rgb: 233, 236, 239;
+	--bs-tertiary-color: rgba(33, 37, 41, 0.5);
+	--bs-tertiary-color-rgb: 33, 37, 41;
+	--bs-tertiary-bg: #f8f9fa;
+	--bs-tertiary-bg-rgb: 248, 249, 250;
+	--bs-body-bg: #fff;
+	--bs-body-bg-rgb: 255, 255, 255;
+	--bs-link-color: #0d6efd;
+	--bs-link-color-rgb: 13, 110, 253;
+	--bs-link-decoration: underline;
+	--bs-link-hover-color: #0a58ca;
+	--bs-link-hover-color-rgb: 10, 88, 202;
+	--bs-code-color: #d63384;
+	--bs-highlight-bg: #fff3cd;
+	--bs-border-width: 1px;
+	--bs-border-style: solid;
+	--bs-border-color: #dee2e6;
+	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+	--bs-border-radius: 0.375rem;
+	--bs-border-radius-sm: 0.25rem;
+	--bs-border-radius-lg: 0.5rem;
+	--bs-border-radius-xl: 1rem;
+	--bs-border-radius-2xl: 2rem;
+	--bs-border-radius-pill: 50rem;
+	--bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
+	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
+	--bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
+	--bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
+	--bs-emphasis-color: #000;
+	--bs-form-control-bg: var(--bs-body-bg);
+	--bs-form-control-disabled-bg: var(--bs-secondary-bg);
+	--bs-highlight-bg: #fff3cd;
+	--bs-breakpoint-xs: 0;
+	--bs-breakpoint-sm: 576px;
+	--bs-breakpoint-md: 768px;
+	--bs-breakpoint-lg: 992px;
+	--bs-breakpoint-xl: 1200px;
+	--bs-breakpoint-xxl: 1400px;
+}
+
+[data-bs-theme=dark] {
+	--bs-body-color: #adb5bd;
+	--bs-body-color-rgb: 173, 181, 189;
+	--bs-body-bg: #212529;
+	--bs-body-bg-rgb: 33, 37, 41;
+	--bs-emphasis-color: #f8f9fa;
+	--bs-emphasis-color-rgb: 248, 249, 250;
+	--bs-secondary-color: rgba(173, 181, 189, 0.75);
+	--bs-secondary-color-rgb: 173, 181, 189;
+	--bs-secondary-bg: #343a40;
+	--bs-secondary-bg-rgb: 52, 58, 64;
+	--bs-tertiary-color: rgba(173, 181, 189, 0.5);
+	--bs-tertiary-color-rgb: 173, 181, 189;
+	--bs-tertiary-bg: #2b3035;
+	--bs-tertiary-bg-rgb: 43, 48, 53;
+	--bs-emphasis-color: #fff;
+	--bs-primary-text: #6ea8fe;
+	--bs-secondary-text: #dee2e6;
+	--bs-success-text: #75b798;
+	--bs-info-text: #6edff6;
+	--bs-warning-text: #ffda6a;
+	--bs-danger-text: #ea868f;
+	--bs-light-text: #f8f9fa;
+	--bs-dark-text: #dee2e6;
+	--bs-primary-bg-subtle: #031633;
+	--bs-secondary-bg-subtle: #212529;
+	--bs-success-bg-subtle: #051b11;
+	--bs-info-bg-subtle: #032830;
+	--bs-warning-bg-subtle: #332701;
+	--bs-danger-bg-subtle: #2c0b0e;
+	--bs-light-bg-subtle: #343a40;
+	--bs-dark-bg-subtle: #1a1d20;
+	--bs-primary-border-subtle: #084298;
+	--bs-secondary-border-subtle: #495057;
+	--bs-success-border-subtle: #0f5132;
+	--bs-info-border-subtle: #055160;
+	--bs-warning-border-subtle: #664d03;
+	--bs-danger-border-subtle: #842029;
+	--bs-light-border-subtle: #495057;
+	--bs-dark-border-subtle: #343a40;
+	--bs-heading-color: #fff;
+	--bs-link-color: #6ea8fe;
+	--bs-link-hover-color: #9ec5fe;
+	--bs-link-color-rgb: 110, 168, 254;
+	--bs-link-hover-color-rgb: 158, 197, 254;
+	--bs-code-color: #e685b5;
+	--bs-border-color: #495057;
+	--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+}
+
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+	:root {
+		scroll-behavior: smooth;
+	}
+}
+
+body {
+	margin: 0;
+	font-family: var(--bs-body-font-family);
+	font-size: var(--bs-body-font-size);
+	font-weight: var(--bs-body-font-weight);
+	line-height: var(--bs-body-line-height);
+	color: var(--bs-body-color);
+	text-align: var(--bs-body-text-align);
+	background-color: var(--bs-body-bg);
+	-webkit-text-size-adjust: 100%;
+	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+	margin: 1rem 0;
+	color: inherit;
+	border: 0;
+	border-top: var(--bs-border-width) solid;
+	opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+	margin-top: 0;
+	margin-bottom: 0.5rem;
+	font-weight: 500;
+	line-height: 1.2;
+	color: var(--bs-heading-color, inherit);
+}
+
+h1 {
+	font-size: calc(1.375rem + 1.5vw);
+}
+
+@media (min-width: 1200px) {
+	h1 {
+		font-size: 2.5rem;
+	}
+}
+
+h2 {
+	font-size: calc(1.325rem + 0.9vw);
+}
+
+@media (min-width: 1200px) {
+	h2 {
+		font-size: 2rem;
+	}
+}
+
+h3 {
+	font-size: calc(1.3rem + 0.6vw);
+}
+
+@media (min-width: 1200px) {
+	h3 {
+		font-size: 1.75rem;
+	}
+}
+
+h4 {
+	font-size: calc(1.275rem + 0.3vw);
+}
+
+@media (min-width: 1200px) {
+	h4 {
+		font-size: 1.5rem;
+	}
+}
+
+h5 {
+	font-size: 1.25rem;
+}
+
+h6 {
+	font-size: 1rem;
+}
+
+p {
+	margin-top: 0;
+	margin-bottom: 1rem;
+}
+
+abbr[title] {
+	-webkit-text-decoration: underline dotted;
+	text-decoration: underline dotted;
+	cursor: help;
+	-webkit-text-decoration-skip-ink: none;
+	text-decoration-skip-ink: none;
+}
+
+address {
+	margin-bottom: 1rem;
+	font-style: normal;
+	line-height: inherit;
+}
+
+ol,
+ul {
+	padding-left: 2rem;
+}
+
+ol,
+ul,
+dl {
+	margin-top: 0;
+	margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+	margin-bottom: 0;
+}
+
+dt {
+	font-weight: 700;
+}
+
+dd {
+	margin-bottom: 0.5rem;
+	margin-left: 0;
+}
+
+blockquote {
+	margin: 0 0 1rem;
+}
+
+b,
+strong {
+	font-weight: bolder;
+}
+
+small {
+	font-size: 0.875em;
+}
+
+mark {
+	padding: 0.1875em;
+	background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+	position: relative;
+	font-size: 0.75em;
+	line-height: 0;
+	vertical-align: baseline;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+sup {
+	top: -0.5em;
+}
+
+a {
+	color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+	text-decoration: underline;
+}
+
+a:hover {
+	--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+	color: inherit;
+	text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+	font-family: var(--bs-font-monospace);
+	font-size: 1em;
+}
+
+pre {
+	display: block;
+	margin-top: 0;
+	margin-bottom: 1rem;
+	overflow: auto;
+	font-size: 0.875em;
+}
+
+pre code {
+	font-size: inherit;
+	color: inherit;
+	word-break: normal;
+}
+
+code {
+	font-size: 0.875em;
+	color: var(--bs-code-color);
+	word-wrap: break-word;
+}
+
+a > code {
+	color: inherit;
+}
+
+kbd {
+	padding: 0.1875rem 0.375rem;
+	font-size: 0.875em;
+	color: var(--bs-body-bg);
+	background-color: var(--bs-body-color);
+	border-radius: 0.25rem;
+}
+
+kbd kbd {
+	padding: 0;
+	font-size: 1em;
+}
+
+figure {
+	margin: 0 0 1rem;
+}
+
+img,
+svg {
+	vertical-align: middle;
+}
+
+table {
+	caption-side: bottom;
+	border-collapse: collapse;
+}
+
+caption {
+	padding-top: 0.5rem;
+	padding-bottom: 0.5rem;
+	color: var(--bs-secondary-color);
+	text-align: left;
+}
+
+th {
+	text-align: inherit;
+	text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+	border-color: inherit;
+	border-style: solid;
+	border-width: 0;
+}
+
+label {
+	display: inline-block;
+}
+
+button {
+	border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+	outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+	margin: 0;
+	font-family: inherit;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+button,
+select {
+	text-transform: none;
+}
+
+[role=button] {
+	cursor: pointer;
+}
+
+select {
+	word-wrap: normal;
+}
+
+select:disabled {
+	opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+	display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+	-webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+	cursor: pointer;
+}
+
+::-moz-focus-inner {
+	padding: 0;
+	border-style: none;
+}
+
+textarea {
+	resize: vertical;
+}
+
+fieldset {
+	min-width: 0;
+	padding: 0;
+	margin: 0;
+	border: 0;
+}
+
+legend {
+	float: left;
+	width: 100%;
+	padding: 0;
+	margin-bottom: 0.5rem;
+	font-size: calc(1.275rem + 0.3vw);
+	line-height: inherit;
+}
+
+@media (min-width: 1200px) {
+	legend {
+		font-size: 1.5rem;
+	}
+}
+
+legend + * {
+	clear: left;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+	padding: 0;
+}
+
+::-webkit-inner-spin-button {
+	height: auto;
+}
+
+[type=search] {
+	outline-offset: -2px;
+	-webkit-appearance: textfield;
+}
+
+/* rtl:raw:
+[types="tel"],
+[types="url"],
+[types="email"],
+[types="number"] {
+  direction: ltr;
+}
+*/
+::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+	padding: 0;
+}
+
+::-webkit-file-upload-button {
+	font: inherit;
+	-webkit-appearance: button;
+}
+
+::file-selector-button {
+	font: inherit;
+	-webkit-appearance: button;
+}
+
+output {
+	display: inline-block;
+}
+
+iframe {
+	border: 0;
+}
+
+summary {
+	display: list-item;
+	cursor: pointer;
+}
+
+progress {
+	vertical-align: baseline;
+}
+
+[hidden] {
+	display: none !important;
+}
+
+/*# sourceMappingURL=bootstrap-reboot.css.map */

src/assets/css/bootstrap/bootstrap-reboot.rtl.css

@@ -0,0 +1,588 @@
+/*!
+ * Bootstrap Reboot v5.3.0-alpha1 (https://getbootstrap.com/)
+ * Copyright 2011-2022 The Bootstrap Authors
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,
+[data-bs-theme=light] {
+  --bs-blue: #0d6efd;
+  --bs-indigo: #6610f2;
+  --bs-purple: #6f42c1;
+  --bs-pink: #d63384;
+  --bs-red: #dc3545;
+  --bs-orange: #fd7e14;
+  --bs-yellow: #ffc107;
+  --bs-green: #198754;
+  --bs-teal: #20c997;
+  --bs-cyan: #0dcaf0;
+  --bs-black: #000;
+  --bs-white: #fff;
+  --bs-gray: #6c757d;
+  --bs-gray-dark: #343a40;
+  --bs-gray-100: #f8f9fa;
+  --bs-gray-200: #e9ecef;
+  --bs-gray-300: #dee2e6;
+  --bs-gray-400: #ced4da;
+  --bs-gray-500: #adb5bd;
+  --bs-gray-600: #6c757d;
+  --bs-gray-700: #495057;
+  --bs-gray-800: #343a40;
+  --bs-gray-900: #212529;
+  --bs-primary: #0d6efd;
+  --bs-secondary: #6c757d;
+  --bs-success: #198754;
+  --bs-info: #0dcaf0;
+  --bs-warning: #ffc107;
+  --bs-danger: #dc3545;
+  --bs-light: #f8f9fa;
+  --bs-dark: #212529;
+  --bs-primary-rgb: 13, 110, 253;
+  --bs-secondary-rgb: 108, 117, 125;
+  --bs-success-rgb: 25, 135, 84;
+  --bs-info-rgb: 13, 202, 240;
+  --bs-warning-rgb: 255, 193, 7;
+  --bs-danger-rgb: 220, 53, 69;
+  --bs-light-rgb: 248, 249, 250;
+  --bs-dark-rgb: 33, 37, 41;
+  --bs-primary-text: #0a58ca;
+  --bs-secondary-text: #6c757d;
+  --bs-success-text: #146c43;
+  --bs-info-text: #087990;
+  --bs-warning-text: #997404;
+  --bs-danger-text: #b02a37;
+  --bs-light-text: #6c757d;
+  --bs-dark-text: #495057;
+  --bs-primary-bg-subtle: #cfe2ff;
+  --bs-secondary-bg-subtle: #f8f9fa;
+  --bs-success-bg-subtle: #d1e7dd;
+  --bs-info-bg-subtle: #cff4fc;
+  --bs-warning-bg-subtle: #fff3cd;
+  --bs-danger-bg-subtle: #f8d7da;
+  --bs-light-bg-subtle: #fcfcfd;
+  --bs-dark-bg-subtle: #ced4da;
+  --bs-primary-border-subtle: #9ec5fe;
+  --bs-secondary-border-subtle: #e9ecef;
+  --bs-success-border-subtle: #a3cfbb;
+  --bs-info-border-subtle: #9eeaf9;
+  --bs-warning-border-subtle: #ffe69c;
+  --bs-danger-border-subtle: #f1aeb5;
+  --bs-light-border-subtle: #e9ecef;
+  --bs-dark-border-subtle: #adb5bd;
+  --bs-white-rgb: 255, 255, 255;
+  --bs-black-rgb: 0, 0, 0;
+  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
+  --bs-body-font-family: var(--bs-font-sans-serif);
+  --bs-body-font-size: 1rem;
+  --bs-body-font-weight: 400;
+  --bs-body-line-height: 1.5;
+  --bs-body-color: #212529;
+  --bs-emphasis-color: #000;
+  --bs-emphasis-color-rgb: 0, 0, 0;
+  --bs-secondary-color: rgba(33, 37, 41, 0.75);
+  --bs-secondary-color-rgb: 33, 37, 41;
+  --bs-secondary-bg: #e9ecef;
+  --bs-secondary-bg-rgb: 233, 236, 239;
+  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
+  --bs-tertiary-color-rgb: 33, 37, 41;
+  --bs-tertiary-bg: #f8f9fa;
+  --bs-tertiary-bg-rgb: 248, 249, 250;
+  --bs-body-bg: #fff;
+  --bs-body-bg-rgb: 255, 255, 255;
+  --bs-link-color: #0d6efd;
+  --bs-link-color-rgb: 13, 110, 253;
+  --bs-link-decoration: underline;
+  --bs-link-hover-color: #0a58ca;
+  --bs-link-hover-color-rgb: 10, 88, 202;
+  --bs-code-color: #d63384;
+  --bs-highlight-bg: #fff3cd;
+  --bs-border-width: 1px;
+  --bs-border-style: solid;
+  --bs-border-color: #dee2e6;
+  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
+  --bs-border-radius: 0.375rem;
+  --bs-border-radius-sm: 0.25rem;
+  --bs-border-radius-lg: 0.5rem;
+  --bs-border-radius-xl: 1rem;
+  --bs-border-radius-2xl: 2rem;
+  --bs-border-radius-pill: 50rem;
+  --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
+  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
+  --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
+  --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
+  --bs-emphasis-color: #000;
+  --bs-form-control-bg: var(--bs-body-bg);
+  --bs-form-control-disabled-bg: var(--bs-secondary-bg);
+  --bs-highlight-bg: #fff3cd;
+  --bs-breakpoint-xs: 0;
+  --bs-breakpoint-sm: 576px;
+  --bs-breakpoint-md: 768px;
+  --bs-breakpoint-lg: 992px;
+  --bs-breakpoint-xl: 1200px;
+  --bs-breakpoint-xxl: 1400px;
+}
+
+[data-bs-theme=dark] {
+  --bs-body-color: #adb5bd;
+  --bs-body-color-rgb: 173, 181, 189;
+  --bs-body-bg: #212529;
+  --bs-body-bg-rgb: 33, 37, 41;
+  --bs-emphasis-color: #f8f9fa;
+  --bs-emphasis-color-rgb: 248, 249, 250;
+  --bs-secondary-color: rgba(173, 181, 189, 0.75);
+  --bs-secondary-color-rgb: 173, 181, 189;
+  --bs-secondary-bg: #343a40;
+  --bs-secondary-bg-rgb: 52, 58, 64;
+  --bs-tertiary-color: rgba(173, 181, 189, 0.5);
+  --bs-tertiary-color-rgb: 173, 181, 189;
+  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg-rgb: 43, 48, 53;
+  --bs-emphasis-color: #fff;
+  --bs-primary-text: #6ea8fe;
+  --bs-secondary-text: #dee2e6;
+  --bs-success-text: #75b798;
+  --bs-info-text: #6edff6;
+  --bs-warning-text: #ffda6a;
+  --bs-danger-text: #ea868f;
+  --bs-light-text: #f8f9fa;
+  --bs-dark-text: #dee2e6;
+  --bs-primary-bg-subtle: #031633;
+  --bs-secondary-bg-subtle: #212529;
+  --bs-success-bg-subtle: #051b11;
+  --bs-info-bg-subtle: #032830;
+  --bs-warning-bg-subtle: #332701;
+  --bs-danger-bg-subtle: #2c0b0e;
+  --bs-light-bg-subtle: #343a40;
+  --bs-dark-bg-subtle: #1a1d20;
+  --bs-primary-border-subtle: #084298;
+  --bs-secondary-border-subtle: #495057;
+  --bs-success-border-subtle: #0f5132;
+  --bs-info-border-subtle: #055160;
+  --bs-warning-border-subtle: #664d03;
+  --bs-danger-border-subtle: #842029;
+  --bs-light-border-subtle: #495057;
+  --bs-dark-border-subtle: #343a40;
+  --bs-heading-color: #fff;
+  --bs-link-color: #6ea8fe;
+  --bs-link-hover-color: #9ec5fe;
+  --bs-link-color-rgb: 110, 168, 254;
+  --bs-link-hover-color-rgb: 158, 197, 254;
+  --bs-code-color: #e685b5;
+  --bs-border-color: #495057;
+  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: var(--bs-body-font-family);
+  font-size: var(--bs-body-font-size);
+  font-weight: var(--bs-body-font-weight);
+  line-height: var(--bs-body-line-height);
+  color: var(--bs-body-color);
+  text-align: var(--bs-body-text-align);
+  background-color: var(--bs-body-bg);
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+hr {
+  margin: 1rem 0;
+  color: inherit;
+  border: 0;
+  border-top: var(--bs-border-width) solid;
+  opacity: 0.25;
+}
+
+h6, h5, h4, h3, h2, h1 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-weight: 500;
+  line-height: 1.2;
+  color: var(--bs-heading-color, inherit);
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+@media (min-width: 1200px) {
+  h1 {
+    font-size: 2.5rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + 0.9vw);
+}
+@media (min-width: 1200px) {
+  h2 {
+    font-size: 2rem;
+  }
+}
+
+h3 {
+  font-size: calc(1.3rem + 0.6vw);
+}
+@media (min-width: 1200px) {
+  h3 {
+    font-size: 1.75rem;
+  }
+}
+
+h4 {
+  font-size: calc(1.275rem + 0.3vw);
+}
+@media (min-width: 1200px) {
+  h4 {
+    font-size: 1.5rem;
+  }
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul {
+  padding-right: 2rem;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: 0.5rem;
+  margin-right: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 0.875em;
+}
+
+mark {
+  padding: 0.1875em;
+  background-color: var(--bs-highlight-bg);
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 0.75em;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+a {
+  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+  text-decoration: underline;
+}
+a:hover {
+  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+}
+
+a:not([href]):not([class]), a:not([href]):not([class]):hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: var(--bs-font-monospace);
+  font-size: 1em;
+}
+
+pre {
+  display: block;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  font-size: 0.875em;
+}
+pre code {
+  font-size: inherit;
+  color: inherit;
+  word-break: normal;
+}
+
+code {
+  font-size: 0.875em;
+  color: var(--bs-code-color);
+  word-wrap: break-word;
+}
+a > code {
+  color: inherit;
+}
+
+kbd {
+  padding: 0.1875rem 0.375rem;
+  font-size: 0.875em;
+  color: var(--bs-body-bg);
+  background-color: var(--bs-body-color);
+  border-radius: 0.25rem;
+}
+kbd kbd {
+  padding: 0;
+  font-size: 1em;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img,
+svg {
+  vertical-align: middle;
+}
+
+table {
+  caption-side: bottom;
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  color: var(--bs-secondary-color);
+  text-align: right;
+}
+
+th {
+  text-align: inherit;
+  text-align: -webkit-match-parent;
+}
+
+thead,
+tbody,
+tfoot,
+tr,
+td,
+th {
+  border-color: inherit;
+  border-style: solid;
+  border-width: 0;
+}
+
+label {
+  display: inline-block;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus:not(:focus-visible) {
+  outline: 0;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+select {
+  word-wrap: normal;
+}
+select:disabled {
+  opacity: 1;
+}
+
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
+  display: none !important;
+}
+
+button,
+[type=button],
+[type=reset],
+[type=submit] {
+  -webkit-appearance: button;
+}
+button:not(:disabled),
+[type=button]:not(:disabled),
+[type=reset]:not(:disabled),
+[type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+textarea {
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  float: right;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 0.5rem;
+  font-size: calc(1.275rem + 0.3vw);
+  line-height: inherit;
+}
+@media (min-width: 1200px) {
+  legend {
+    font-size: 1.5rem;
+  }
+}
+legend + * {
+  clear: right;
+}
+
+::-webkit-datetime-edit-fields-wrapper,
+::-webkit-datetime-edit-text,
+::-webkit-datetime-edit-minute,
+::-webkit-datetime-edit-hour-field,
+::-webkit-datetime-edit-day-field,
+::-webkit-datetime-edit-month-field,
+::-webkit-datetime-edit-year-field {
+  padding: 0;
+}
+
+::-webkit-inner-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  outline-offset: -2px;
+  -webkit-appearance: textfield;
+}
+
+[type="tel"],
+[type="url"],
+[type="email"],
+[type="number"] {
+  direction: ltr;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-color-swatch-wrapper {
+  padding: 0;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+::file-selector-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+iframe {
+  border: 0;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */

src/assets/css/common/page.scss

@@ -1,4 +0,0 @@
-#app {
-	width: 100%;
-	height: 100%;
-}

src/assets/css/common/root.scss

@@ -1,4 +0,0 @@
-:root {
-	--primary-color: #2449ff;
-	--primary-color-hover: #4d70ff;
-}

src/assets/css/index.scss

@@ -1,2 +1,8 @@
-@import url('./common/root.scss');
-@import url('./common/page.scss');
+@import 'bootstrap/bootstrap.css';
+@import 'utils';
+
+:root {
+	--primary-color: #eaa261;
+	--primary-color-hover: #f1b27c;
+	--bg-color-dialog: #7f7f7f7f;
+}

src/assets/css/reset.css

@@ -1,82 +0,0 @@
-/* 选中文字颜色 */
-*::selection {
-	color: #1f1f1f;
-	background: #b3d4fc;
-}
-
-/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/
-::-webkit-scrollbar {
-	width: 8px;
-	height: 8px;
-	background-color: #f5f5f5;
-}
-/*定义滚动条轨道内阴影+圆角*/
-::-webkit-scrollbar-track {
-	-webkit-box-shadow: inset 0 0 6px #ccc;
-	border-radius: 5px;
-	background-color: #f5f5f5;
-}
-/*定义滑块内阴影+圆角*/
-::-webkit-scrollbar-thumb {
-	border-radius: 5px;
-	-webkit-box-shadow: inset 0 0 6px #ccc;
-	background-color: #ccc;
-}
-
-html,body{height:100%;}
-html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
-header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
-table{border-collapse:collapse;border-spacing:0;}
-caption,th{text-align:left;font-weight:normal;}
-html,body,fieldset,img,iframe,abbr{border:0;}
-i,cite,em,var,address,dfn{font-style:normal;}
-[hidefocus],summary{outline:0;}
-li{list-style:none;}
-h1,h2,h3,h4,h5,h6,small{font-size:100%;}
-sup,sub{font-size:83%;}
-pre,code,kbd,samp{font-family:inherit;}
-q:before,q:after{content:none;}
-textarea{overflow:auto;resize:none;}
-label,summary{cursor:default;}
-a,button{cursor:pointer;}
-h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
-del,ins,u,s,a,a:hover{text-decoration:none;}
-body,textarea,input,button,select,keygen,legend{font: Microsoft YaHei,arial,\5b8b\4f53;color:#333;outline:0;}
-body{background:#fff;}
-a,a:hover{color:#333;}
-*{box-sizing: border-box;}
-
-/* 去除input默认填充的背景颜色 */
-input:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0px 1000px white inset;
-}
-
-/* 清除input[type=number]的默认样式 */
-input[type=number] {
-	-moz-appearance:textfield;
-}
-input[type=number]::-webkit-inner-spin-button,
-input[type=number]::-webkit-outer-spin-button {
-	-webkit-appearance: none;
-	margin: 0;
-}
-
-/* 清除移动端 a 标签等点击区域变色 */
-*{
-  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-}
-
-/* 清除移动端 input 样式 */
-input{
-	border: none;
-	-moz-appearance:none;
-	-webkit-appearance : none ; /*解决ios上按钮的圆角问题*/
-	border-radius: 0; /*解决ios上输入框圆角问题*/
-	outline:medium; /*去掉鼠标点击的默认黄色边框*/
-	background-color: transparent;
-}
-
-/* 避免ios滑动滚动条卡顿 */
-*{
-  -webkit-overflow-scrolling : touch
-}

src/assets/css/utils.scss

@@ -0,0 +1,84 @@
+/* 选中文字颜色 */
+*::selection {
+	color: #1f1f1f;
+	background: #b3d4fc;
+}
+
+/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/
+::-webkit-scrollbar {
+	width: 8px;
+	height: 8px;
+	background-color: #f5f5f5;
+}
+
+/*定义滚动条轨道内阴影+圆角*/
+::-webkit-scrollbar-track {
+	-webkit-box-shadow: inset 0 0 6px #ccc;
+	border-radius: 5px;
+	background-color: #f5f5f5;
+}
+
+/*定义滑块内阴影+圆角*/
+::-webkit-scrollbar-thumb {
+	border-radius: 5px;
+	-webkit-box-shadow: inset 0 0 6px #ccc;
+	background-color: #ccc;
+}
+
+.thumb {
+	cursor: pointer;
+}
+
+.cursor-pointer {
+	cursor: pointer;
+}
+
+.hover-text {
+	transition: all 0.3s;
+
+	&:hover {
+		color: var(--bs-link-hover-color) !important;
+	}
+}
+
+// 鼠标移入，显示手指+下划线
+.hover-text-pointer-underline {
+	cursor: pointer;
+	text-decoration: none;
+
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+.active {
+	text-decoration: none;
+	color: var(--bs-link-hover-color) !important;
+}
+
+.img-hover {
+	transition: all 0.5s;
+
+	&:hover {
+		transform: scale(1.2);
+		transform-origin: center;
+	}
+}
+
+.auto-color {
+	color: rgb(from var(--bg) calc(1 - r) calc(1 - g) calc(1 - b));
+}
+
+.auto-background {
+	//mix-blend-mode: difference;
+	color: rgb(from #000000 calc(1) calc(1) calc(1));
+}
+
+.none-select {
+	-webkit-user-drag: none; /* Safari */
+	user-drag: none; /* 其他浏览器 */
+	-moz-user-select: none; /* 禁止选择，针对 Firefox */
+	-webkit-user-select: none; /* 禁止选择，针对 Safari 和 Chrome */
+	-ms-user-select: none; /* 禁止选择，针对 IE/Edge */
+	user-select: none; /* 其他浏览器 */
+}

src/assets/fonts/font.less

@@ -1,12 +0,0 @@
-@font-face {
-	font-family: YouSheBiaoTiHei;
-	src: url('./YouSheBiaoTiHei.ttf');
-}
-@font-face {
-	font-family: MetroDF;
-	src: url('./MetroDF.ttf');
-}
-@font-face {
-	font-family: DIN;
-	src: url('./DIN.Otf');
-}

src/assets/iconfont/iconfont.less

@@ -1,38 +0,0 @@
-@font-face {
-	font-family: iconfont; /* Project id 2667653 */
-	src: url('iconfont.ttf?t=1663324025864') format('truetype');
-}
-.iconfont {
-	font-family: iconfont !important;
-	font-size: 20px;
-	font-style: normal;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	cursor: pointer;
-}
-.icon-xiaoxi::before {
-	font-size: 21.2px;
-	content: '\e61f';
-}
-.icon-zhuti::before {
-	font-size: 22.4px;
-	content: '\e638';
-}
-.icon-sousuo::before {
-	content: '\e611';
-}
-.icon-contentright::before {
-	content: '\e8c9';
-}
-.icon-contentleft::before {
-	content: '\e8ca';
-}
-.icon-fangda::before {
-	content: '\e826';
-}
-.icon-suoxiao::before {
-	content: '\e641';
-}
-.icon-zhongyingwen::before {
-	content: '\e8cb';
-}