diff --git a/.env.production b/.env.production
index 6ecab1d..6b969f3 100644
--- a/.env.production
+++ b/.env.production
@@ -1,7 +1,7 @@
# 线上环境平台打包路径
-VITE_PUBLIC_PATH = ./
+VITE_PUBLIC_PATH = /shop-admin/
-# 线上环境路由历史模式（Hash模式传"hash"、HTML5模式传"h5"、Hash模式带base参数传"hash,base参数"、HTML5模式带base参数传"h5,base参数"）
+# 预发布环境路由历史模式（Hash模式传"hash"、HTML5模式传"h5"、Hash模式带base参数传"hash,base参数"、HTML5模式带base参数传"h5,base参数"）
VITE_ROUTER_HISTORY = "hash"
# 是否在打包时使用cdn替换本地库 替换 true 不替换 false
@@ -13,4 +13,4 @@ VITE_CDN = false
VITE_COMPRESSION = "none"
# 后端地址
-VITE_APP_BASE_API = '/prod-api'
\ No newline at end of file
+VITE_APP_BASE_API = '/shop-back-end'
\ No newline at end of file
diff --git a/index.html b/index.html
index 7aad001..24dc43c 100644
--- a/index.html
+++ b/index.html
@@ -1,87 +1,88 @@
<!DOCTYPE html>
<html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
- <meta name="renderer" content="webkit" />
- <meta
- name="viewport"
- content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"
- />
- <title>Agileboot管理系统</title>
- <link rel="icon" href="/favicon.ico" />
- <script>
- window.process = {};
- </script>
- </head>
- <body>
- <div id="app">
- <style>
- html,
- body,
- #app {
- position: relative;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 100%;
- height: 100%;
- overflow: hidden;
+<head>
+ <meta charset="UTF-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <meta name="renderer" content="webkit" />
+ <meta name="viewport"
+ content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" />
+ <title>微商城管理系统</title>
+ <link rel="icon" href="/favicon.ico" />
+ <script>
+ window.process = {};
+ </script>
+</head>
+
+<body>
+ <div id="app">
+ <style>
+ html,
+ body,
+ #app {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ }
+
+ .loader,
+ .loader::before,
+ .loader::after {
+ width: 2.5em;
+ height: 2.5em;
+ border-radius: 50%;
+ animation: load-animation 1.8s infinite ease-in-out;
+ animation-fill-mode: both;
+ }
+
+ .loader {
+ position: relative;
+ top: 0;
+ margin: 80px auto;
+ font-size: 10px;
+ color: #406eeb;
+ text-indent: -9999em;
+ transform: translateZ(0);
+ transform: translate(-50%, 0);
+ animation-delay: -0.16s;
+ }
+
+ .loader::before,
+ .loader::after {
+ position: absolute;
+ top: 0;
+ content: "";
+ }
+
+ .loader::before {
+ left: -3.5em;
+ animation-delay: -0.32s;
+ }
+
+ .loader::after {
+ left: 3.5em;
+ }
+
+ @keyframes load-animation {
+
+ 0%,
+ 80%,
+ 100% {
+ box-shadow: 0 2.5em 0 -1.3em;
}
- .loader,
- .loader::before,
- .loader::after {
- width: 2.5em;
- height: 2.5em;
- border-radius: 50%;
- animation: load-animation 1.8s infinite ease-in-out;
- animation-fill-mode: both;
+ 40% {
+ box-shadow: 0 2.5em 0 0;
}
+ }
+ </style>
+ <div class="loader"></div>
+ </div>
+ <script type="module" src="/src/main.ts"></script>
+</body>
- .loader {
- position: relative;
- top: 0;
- margin: 80px auto;
- font-size: 10px;
- color: #406eeb;
- text-indent: -9999em;
- transform: translateZ(0);
- transform: translate(-50%, 0);
- animation-delay: -0.16s;
- }
-
- .loader::before,
- .loader::after {
- position: absolute;
- top: 0;
- content: "";
- }
-
- .loader::before {
- left: -3.5em;
- animation-delay: -0.32s;
- }
-
- .loader::after {
- left: 3.5em;
- }
-
- @keyframes load-animation {
- 0%,
- 80%,
- 100% {
- box-shadow: 0 2.5em 0 -1.3em;
- }
-
- 40% {
- box-shadow: 0 2.5em 0 0;
- }
- }
- </style>
- <div class="loader"></div>
- </div>
- <script type="module" src="/src/main.ts"></script>
- </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/public/serverConfig.json b/public/serverConfig.json
index 4aaef6f..b815c52 100644
--- a/public/serverConfig.json
+++ b/public/serverConfig.json
@@ -1,6 +1,6 @@
{
"Version": "4.4.0",
- "Title": "Agileboot",
+ "Title": "微商城后台管理系统",
"FixedHeader": true,
"HiddenSideBar": false,
"MultiTagsCache": false,
@@ -19,4 +19,4 @@
"CachingAsyncRoutes": false,
"TooltipEffect": "light",
"ResponsiveStorageNameSpace": "responsive-"
-}
+}
\ No newline at end of file
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 007bb6f..d64e2f1 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -158,13 +158,8 @@ onBeforeUnmount(() => {
<img :src="bg" class="wave" />
<div class="absolute flex-c right-5 top-3">
<!-- 主题 -->
- <el-switch
- v-model="dataTheme"
- :active-icon="dayIcon"
- :inactive-icon="darkIcon"
- inline-prompt
- @change="dataThemeChange"
- />
+ <el-switch v-model="dataTheme" :active-icon="dayIcon" :inactive-icon="darkIcon" inline-prompt
+ @change="dataThemeChange" />
</div>
<div class="login-container">
<div class="img">
@@ -181,63 +176,36 @@ onBeforeUnmount(() => {
</h2>
</Motion>
- <el-form
- v-if="currentPage === 0"
- ref="ruleFormRef"
- :model="ruleForm"
- :rules="loginRules"
- size="large"
- >
+ <el-form v-if="currentPage === 0" ref="ruleFormRef" :model="ruleForm" :rules="loginRules" size="large">
<Motion :delay="100">
- <el-form-item
- :rules="[
- {
- required: true,
- message: '请输入账号',
- trigger: 'blur'
- }
- ]"
- prop="username"
- >
- <el-input
- v-model="ruleForm.username"
- :prefix-icon="useRenderIcon(User)"
- clearable
- placeholder="账号"
- />
+ <el-form-item :rules="[
+ {
+ required: true,
+ message: '请输入账号',
+ trigger: 'blur'
+ }
+ ]" prop="username">
+ <el-input v-model="ruleForm.username" :prefix-icon="useRenderIcon(User)" clearable placeholder="账号" />
</el-form-item>
</Motion>
<Motion :delay="150">
<el-form-item prop="password">
- <el-input
- v-model="ruleForm.password"
- :prefix-icon="useRenderIcon(Lock)"
- clearable
- placeholder="密码"
- show-password
- />
+ <el-input v-model="ruleForm.password" :prefix-icon="useRenderIcon(Lock)" clearable placeholder="密码"
+ show-password />
</el-form-item>
</Motion>
<Motion :delay="200">
<el-form-item v-if="isCaptchaOn" prop="captchaCode">
- <el-input
- v-model="ruleForm.captchaCode"
- :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
- clearable
- placeholder="验证码"
- >
+ <el-input v-model="ruleForm.captchaCode" :prefix-icon="useRenderIcon('ri:shield-keyhole-line')"
+ clearable placeholder="验证码">
<template v-slot:append>
- <el-image
- :src="captchaCodeBase64"
- style="
+ <el-image :src="captchaCodeBase64" style="
justify-content: center;
width: 120px;
height: 40px;
- "
- @click="getCaptchaCode"
- >
+ " @click="getCaptchaCode">
<template #error>
<span>Loading</span>
</template>
@@ -255,13 +223,8 @@ onBeforeUnmount(() => {
忘记密码
</el-button>
</div>
- <el-button
- :loading="loading"
- class="w-full mt-4"
- size="default"
- type="primary"
- @click="onLogin(ruleFormRef)"
- >
+ <el-button :loading="loading" class="w-full mt-4" size="default" type="primary"
+ @click="onLogin(ruleFormRef)">
登录
</el-button>
</el-form-item>
@@ -270,13 +233,8 @@ onBeforeUnmount(() => {
<Motion :delay="300">
<el-form-item>
<div class="w-full h-[20px] flex justify-between items-center">
- <el-button
- v-for="(item, index) in operates"
- :key="index"
- class="w-full mt-4"
- size="default"
- @click="currentPage = item.page"
- >
+ <el-button v-for="(item, index) in operates" :key="index" class="w-full mt-4" size="default"
+ @click="currentPage = item.page">
{{ item.title }}
</el-button>
</div>
@@ -290,16 +248,9 @@ onBeforeUnmount(() => {
<p class="text-xs text-gray-500">{{ "第三方登录" }}</p>
</el-divider>
<div class="flex w-full justify-evenly">
- <span
- v-for="(item, index) in thirdParty"
- :key="index"
- :title="item.title"
- >
- <IconifyIconOnline
- :icon="`ri:${item.icon}-fill`"
- class="text-gray-500 cursor-pointer hover:text-blue-400"
- width="20"
- />
+ <span v-for="(item, index) in thirdParty" :key="index" :title="item.title">
+ <IconifyIconOnline :icon="`ri:${item.icon}-fill`"
+ class="text-gray-500 cursor-pointer hover:text-blue-400" width="20" />
</span>
</div>
</el-form-item>
@@ -309,31 +260,12 @@ onBeforeUnmount(() => {
<!-- 二维码登录 -->
<qrCode v-if="currentPage === 2" v-model:current-page="currentPage" />
<!-- 注册 -->
- <register
- v-if="currentPage === 3"
- v-model:current-page="currentPage"
- />
+ <register v-if="currentPage === 3" v-model:current-page="currentPage" />
<!-- 忘记密码 -->
- <resetPassword
- v-if="currentPage === 4"
- v-model:current-page="currentPage"
- />
+ <resetPassword v-if="currentPage === 4" v-model:current-page="currentPage" />
</div>
</div>
</div>
- <!-- 底部 -->
- <div class="flex items-center justify-center h-full">
- <div class="flex flex-col items-center justify-center mb-3">
- <span>Copyright © 2018-2023 Agileboot All Rights Reserved. </span>
- <el-link
- href="https://beian.miit.gov.cn"
- rel="external nofollow"
- target="_blank"
- type="primary"
- >闽ICP备2022018106号-2
- </el-link>
- </div>
- </div>
</div>
</template>
diff --git a/src/views/welcome/index.vue b/src/views/welcome/index.vue
index db2bd3c..05d4e2b 100644
--- a/src/views/welcome/index.vue
+++ b/src/views/welcome/index.vue
@@ -5,5 +5,4 @@ defineOptions({
</script>
<template>
- <h1>Agileboot前端预览</h1>
</template>