diff --git a/WebVue/.gitignore b/WebVue/.gitignore new file mode 100644 index 0000000..6d283f0 --- /dev/null +++ b/WebVue/.gitignore @@ -0,0 +1,22 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? +/.vs +/src/data/auto diff --git a/WebVue/.vscode/extensions.json b/WebVue/.vscode/extensions.json new file mode 100644 index 0000000..a7cea0b --- /dev/null +++ b/WebVue/.vscode/extensions.json @@ -0,0 +1,3 @@ +{ + "recommendations": ["Vue.volar"] +} diff --git a/WebVue/.vscode/settings.json b/WebVue/.vscode/settings.json new file mode 100644 index 0000000..4517ba3 --- /dev/null +++ b/WebVue/.vscode/settings.json @@ -0,0 +1,6 @@ +{ + "i18n-ally.localesPaths": [ + "src/locales", + "src/locales/lang" + ] +} \ No newline at end of file diff --git a/WebVue/README.md b/WebVue/README.md new file mode 100644 index 0000000..b1ebf3d --- /dev/null +++ b/WebVue/README.md @@ -0,0 +1,58 @@ +# Vue 3 + TypeScript + Vite +# 创建工程 + - npm create vite@latest +# 安装依赖 + - npm install +# 安装路由 + - npm install vue-router@next -save +# 安装pinia被誉为vuex的下一代状态存储 + - npm install pinia +# 安装axios + - npm install axios +# 安装ant-design-vue框架 + - npm i --save ant-design-vue@latest + - npm install --save @ant-design/icons-vue + - npm install @vueuse/core + - npm install @vitejs/plugin-vue-jsx +# 安装jsencrypt、crypto-js + - npm install jsencrypt + - npm install crypto-js + - npm install @types/crypto-js + - npm install lodash-es + - npm install @types/lodash-es + - npm install uuid + - npm install @types/uuid + - npm install sortablejs + - npm install ts-simple-nameof +# 安装vite-plugin-top-level-await + - npm install vite-plugin-top-level-await +# 设置tsconfig.json和vite.config.ts文件 + +# 安装Animate.css动画 + npm install animate.css --save + npm install wow.js --save + main.ts: + import 'animate.css'; + import 'animate.css/animate.compat.css'; + 新建vite-env.d.ts>加入一行declare module 'wow.js'; + data-wow-duration:更改动画持续时间 + data-wow-delay:动画开始前的延迟 + data-wow-offset:动画开始的距离(与浏览器底部相关) + data-wow-iteration:动画的次数被重复 + + +# 安装gsap动画 +npm install gsap + +# 上线IIS设置 + 404错误:如果上线还需在IIS设置MIME + ".m3u8" = "application/vnd.apple.mpegurl"; + 401错误:反向代理时,要设置文件夹权限IUSR,IIS_IUSRS + +# 任务执行计划 + CloudBuilder.ScheduleService install 安装服务 + CloudBuilder.ScheduleService start 启动服务 + CloudBuilder.ScheduleService stop 停止服务 + CloudBuilder.ScheduleService uninstall 卸载服务 \ No newline at end of file diff --git a/WebVue/index.html b/WebVue/index.html new file mode 100644 index 0000000..1a5ca5d --- /dev/null +++ b/WebVue/index.html @@ -0,0 +1,13 @@ + + +
+ + + ++ {{ statusText }} +
++ {{ "No biometric authenticator on this device" }} +
++ {{ + "Enable Windows Hello (Settings → Accounts → Sign-in options), Touch ID, or a device PIN, then refresh this page." + }} +
++ {{ + enrolled + ? `Enrolled on ${enrolledDeviceName || "this device"}` + : "Sign in with fingerprint, face, or device PIN on this device." + }} +
++ {{ "Enrolled on" }} {{ formatDate(enrolledAt) }} +
++ {{ + "You will need to type your password to sign in next time. You can re-enroll anytime." + }} +
++ {{ + "Enter your password to enable biometric login on this device. This prevents someone from enrolling their fingerprint on a stolen or unattended device without your knowledge." + }} +
+
+
+
+
+
+
+
+
+
+
+ 轻松三步创建有家相册,让相册分享更简单
+安全、稳定、有家的氛围
+
+
+
+
+ 轻松三步创建有家相册,让相册分享更简单
+安全、稳定、有家的氛围
+