-
-
{{ getThemeConfig.globalViceTitle }}
+
+
+
![]()
+
{{ getThemeConfig.globalViceTitle }}
+
+
![]()
-
{{ getThemeConfig.globalTitle }}后台模板
+
{{ getThemeConfig.globalTitle }}后台模板
@@ -16,17 +20,13 @@
-
+
-
-
版权所有：深圳市xxx软件科技有限公司
-
Copyright: Shenzhen XXX Software Technology 粤ICP备05010000号
-
@@ -35,10 +35,12 @@ import Account from '/@/views/login/component/account.vue';
import Mobile from '/@/views/login/component/mobile.vue';
import Scan from '/@/views/login/component/scan.vue';
+import logoMini from '/@/assets/logo-mini.svg';
+import loginIconTwo from '/@/assets/login-icon-two.svg';
+
const store = useStore();
const state = reactive({
tabsActiveName: 'account',
- isTabPaneShow: true,
isScan: false,
});
// 获取布局配置信息
@@ -51,39 +53,76 @@ const getThemeConfig = computed(() => {
.login-container {
width: 100%;
height: 100%;
- background: url('https://gitee.com/lyt-top/vue-next-admin-images/raw/master/login/bg-login.png') no-repeat;
- background-size: 100% 100%;
- .login-logo {
- position: absolute;
- top: 30px;
- left: 50%;
- height: 50px;
- display: flex;
- align-items: center;
- font-size: 20px;
- color: var(--color-primary);
- letter-spacing: 2px;
- width: 90%;
- transform: translateX(-50%);
+ position: relative;
+ background: var(--el-color-white);
+ .login-icon-group {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ .login-icon-group-title {
+ position: absolute;
+ top: 50px;
+ left: 80px;
+ display: flex;
+ align-items: center;
+ img {
+ width: 30px;
+ height: 30px;
+ }
+ &-text {
+ padding-left: 15px;
+ color: var(--el-color-primary);
+ }
+ }
+ &::before {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 60%;
+ overflow: hidden;
+ height: 80%;
+ -webkit-mask-box-image: url("data:image/svg+xml,%3Csvg width='1200' height='770' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg%3E%3Cpath id='svg_1' d='M58.4 47.77C104.6 59.51 135.26 67.37 162.11 78.04C188.97 88.72 226.33 102.69 265.92 123.55C305.51 144.4 366.96 167.09 441.43 121.52C515.9 75.95 546.48 61.01 577.69 46.27C608.9 31.53 625.86 23.69 680.26 12.28C734.65 0.87 837.29 10.7 867.29 21.8C897.29 32.9 935.51 51.9 962.21 95.45C988.9 139.01 972.91 177.36 951.37 221.39C929.83 265.43 883.49 306 890.44 337.33C897.4 368.66 974.73 412.18 974.73 411.47C974.73 412.18 1066.36 457.62 1106.36 491.06C1146.36 524.5 1178.8 563.36 1184.03 579.63C1189.26 595.9 1200.4 622.49 1181.55 676.88C1162.71 731.26 1127.16 764.32 1115.31 778.64C1103.45 792.96 5.34 783.61 4.32 784.63C3.3 785.65 -172.34 2.38 1.13 35.04L58.4 47.77L58.4 47.77Z' fill='%23409eff'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background: var(--el-color-primary-light-5);
+ transition: all 0.3s ease;
+ }
+ &::after {
+ content: '';
+ width: 150px;
+ height: 300px;
+ position: absolute;
+ right: 0;
+ top: 0;
+ -webkit-mask-box-image: url("data:image/svg+xml,%3Csvg width='150' height='300' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg%3E%3Cpath id='svg_1' d='M-0.56 -0.28C41.94 36.17 67.73 18.94 93.33 33.96C118.93 48.98 107.58 73.56 101.94 89.76C96.29 105.96 50.09 217.83 47.87 231.18C45.64 244.52 46.02 255.2 64.4 270.05C82.79 284.91 121.99 292.31 111.98 289.81C101.97 287.32 153.96 301.48 151.83 299.9C149.69 298.32 149.98 -1.36 149.71 -1.18C149.98 -1.36 -43.06 -36.74 -0.56 -0.28L-0.56 -0.28Z' fill='%23409eff'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+ background: var(--el-color-primary-light-5);
+ transition: all 0.3s ease;
+ }
+ &-icon {
+ width: 60%;
+ height: 70%;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ }
}
.login-content {
width: 500px;
padding: 20px;
position: absolute;
+ right: 200px;
top: 50%;
- left: 50%;
- transform: translate(-50%, -50%) translate3d(0, 0, 0);
- background-color: rgba(255, 255, 255, 0.99);
- border: 5px solid var(--color-primary-light-8);
- border-radius: 4px;
- transition: all 0.3s ease;
+ transform: translateY(-50%) translate3d(0, 0, 0);
+ background-color: var(--el-color-white);
+ border: 5px solid var(--el-color-primary-light-8);
+ border-radius: 5px;
overflow: hidden;
z-index: 1;
+ height: 460px;
.login-content-main {
margin: 0 auto;
width: 80%;
.login-content-title {
- color: #333;
+ color: var(--el-text-color-primary);
font-weight: 500;
font-size: 22px;
text-align: center;
@@ -104,6 +143,7 @@ const getThemeConfig = computed(() => {
overflow: hidden;
cursor: pointer;
transition: all ease 0.3s;
+ color: var(--el-text-color-primary);
&-delta {
position: absolute;
width: 35px;
@@ -117,7 +157,7 @@ const getThemeConfig = computed(() => {
&:hover {
opacity: 1;
transition: all ease 0.3s;
- color: var(--color-primary);
+ color: var(--el-color-primary) !important;
}
i {
width: 47px;
@@ -130,21 +170,5 @@ const getThemeConfig = computed(() => {
}
}
}
- .login-copyright {
- position: absolute;
- left: 50%;
- transform: translateX(-50%);
- bottom: 30px;
- text-align: center;
- color: var(--color-whites);
- font-size: 12px;
- opacity: 0.8;
- .login-copyright-company {
- white-space: nowrap;
- }
- .login-copyright-msg {
- @extend .login-copyright-company;
- }
- }
}
diff --git a/src/views/system/dept/component/addDept.vue b/src/views/system/dept/component/addDept.vue
index 0c369b2..d042163 100644
--- a/src/views/system/dept/component/addDept.vue
+++ b/src/views/system/dept/component/addDept.vue
@@ -1,7 +1,7 @@
-
+
@@ -59,8 +59,8 @@
diff --git a/src/views/system/dept/component/editDept.vue b/src/views/system/dept/component/editDept.vue
index e73f8cb..1e8cf6c 100644
--- a/src/views/system/dept/component/editDept.vue
+++ b/src/views/system/dept/component/editDept.vue
@@ -1,7 +1,7 @@
-
+
@@ -59,8 +59,8 @@
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 7631c91..784f31f 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -2,16 +2,16 @@
-
-
+
+
-
+
查询
-
+
-
+
新增部门
@@ -39,9 +39,9 @@
- 新增
- 修改
- 删除
+ 新增
+ 修改
+ 删除
diff --git a/src/views/system/dic/component/addDic.vue b/src/views/system/dic/component/addDic.vue
index 9259a7e..e5cd2cc 100644
--- a/src/views/system/dic/component/addDic.vue
+++ b/src/views/system/dic/component/addDic.vue
@@ -2,7 +2,7 @@
-
+
@@ -24,14 +24,14 @@
-
+
-
+
-
+
-
+
字段
@@ -55,8 +55,8 @@
diff --git a/src/views/system/dic/component/editDic.vue b/src/views/system/dic/component/editDic.vue
index e5ebbf5..6289cca 100644
--- a/src/views/system/dic/component/editDic.vue
+++ b/src/views/system/dic/component/editDic.vue
@@ -2,7 +2,7 @@
-
+
@@ -24,14 +24,14 @@
-
+
-
+
-
+
-
+
字段
@@ -55,8 +55,8 @@
diff --git a/src/views/system/dic/index.vue b/src/views/system/dic/index.vue
index cd70015..75c0dc7 100644
--- a/src/views/system/dic/index.vue
+++ b/src/views/system/dic/index.vue
@@ -2,16 +2,16 @@
-
-
+
+
-
+
查询
-
+
-
+
新增字典
@@ -30,8 +30,8 @@
- 修改
- 删除
+ 修改
+ 删除
@@ -120,8 +120,3 @@ onMounted(() => {
initTableData();
});
-
-
diff --git a/src/views/system/menu/component/addMenu.vue b/src/views/system/menu/component/addMenu.vue
index 0563299..6907c75 100644
--- a/src/views/system/menu/component/addMenu.vue
+++ b/src/views/system/menu/component/addMenu.vue
@@ -1,7 +1,7 @@
+ 
-
+
+ 
+
+
#### 💒 集成后端
- @熊猫 PandaGoAdmin
diff --git a/package.json b/package.json
index 7369808..a2271dc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "vue-next-admin-template-js",
- "version": "0.1.0",
+ "version": "2.0.2",
"description": "vue3 vite next admin template js setup",
"author": "lyt_20201208",
"license": "MIT",
@@ -10,33 +10,33 @@
"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/"
},
"dependencies": {
- "@element-plus/icons-vue": "^0.2.4",
- "axios": "^0.24.0",
- "echarts": "^5.2.2",
- "element-plus": "^1.2.0-beta.6",
+ "@element-plus/icons-vue": "^1.0.1",
+ "axios": "^0.26.0",
+ "echarts": "^5.3.0",
+ "element-plus": "^2.0.4",
"mitt": "^3.0.0",
"nprogress": "^0.2.0",
"qrcodejs2-fixes": "^0.0.2",
- "screenfull": "^6.0.0",
+ "screenfull": "^6.0.1",
"sortablejs": "^1.14.0",
- "vue": "^3.2.20",
+ "vue": "^3.2.31",
"vue-clipboard3": "^1.0.1",
- "vue-router": "^4.0.12",
+ "vue-router": "^4.0.13",
"vuex": "^4.0.2"
},
"devDependencies": {
- "@vitejs/plugin-vue": "^2.0.1",
- "@vue/compiler-sfc": "^3.2.26",
- "dotenv": "^10.0.0",
- "eslint": "^8.5.0",
- "eslint-plugin-vue": "^8.2.0",
+ "@vitejs/plugin-vue": "^2.2.4",
+ "@vue/compiler-sfc": "^3.2.31",
+ "dotenv": "^16.0.0",
+ "eslint": "^8.10.0",
+ "eslint-plugin-vue": "^8.5.0",
"prettier": "^2.5.1",
- "sass": "^1.45.1",
- "sass-loader": "^12.4.0",
- "unplugin-auto-import": "^0.5.4",
- "vite": "^2.7.4",
- "vite-plugin-vue-setup-extend": "^0.1.0",
- "vue-eslint-parser": "^8.0.1"
+ "sass": "^1.49.9",
+ "sass-loader": "^12.6.0",
+ "unplugin-auto-import": "^0.6.1",
+ "vite": "^2.8.6",
+ "vite-plugin-vue-setup-extend": "^0.4.0",
+ "vue-eslint-parser": "^8.3.0"
},
"browserslist": [
"> 1%",
diff --git a/src/App.vue b/src/App.vue
index f6e3a28..d51ccde 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,14 @@
- 
+