fix:优化再暗黑模式部分情况下样式错乱

src/layout/Footer/index.vue

@@ -1,11 +1,11 @@
 <template>
-	<div class="footer ">
+	<div class="footer-layout">
 		<span href="/" target="_blank"> 2022 © VUE-ADMIN-PERFECT By ZB Technology. </span>
 	</div>
 </template>
 
 <style scoped lang="scss">
-.footer{
+.footer-layout{
   height: 40px;
   font-size: 12px;
   display: flex;

src/router/modules/other.ts

@@ -32,7 +32,7 @@ const othersRouter = [{
     },
     {
       path: 'print',
-      component: () => import('@/views/other/print.vue'),
+      component: () => import('@/views/other/print/index.vue'),
       name: 'print',
       meta: { title: '打印' , icon: 'MenuIcon'}
     },
@@ -43,20 +43,20 @@ const othersRouter = [{
       meta: { title: '头像裁剪' , icon: 'MenuIcon'}
     },
     {
-      path: 'grid-sorter',
+      path: 'card-drag',
-      component: () => import('@/views/other/grid-sorter.vue'),
+      component: () => import('@/views/other/cardDrag/index.vue'),
-      name: 'grid-sorter',
+      name: 'card-drag',
       meta: { title: '卡片拖拽', icon: 'MenuIcon' }
     },
     {
       path: 'upload',
-      component: () => import('@/views/other/upload.vue'),
+      component: () => import('@/views/other/upload/index.vue'),
       name: 'upload',
       meta: { title: '上传图片', icon: 'MenuIcon' }
     },
     {
       path: 'qrcode',
-      component: () => import('@/views/other/qrcode.vue'),
+      component: () => import('@/views/other/qrcode/index.vue'),
       name: 'qrcode',
       meta: { title: '生成二维码', icon: 'MenuIcon' }
     },
@@ -74,19 +74,19 @@ const othersRouter = [{
     },
     {
       path: 'water-marker',
-      component: () => import('@/views/other/water-marker.vue'),
+      component: () => import('@/views/other/waterMarker/index.vue'),
       name: 'water-marker',
       meta: { title: '生成水印' , icon: 'MenuIcon'}
     },
     {
       path: 'right-menu',
-      component: () => import('@/views/other/right-menu.vue'),
+      component: () => import('@/views/other/rightMenu/index.vue'),
       name: 'right-menu',
       meta: { title: '右键菜单' , icon: 'MenuIcon'}
     },
     {
       path: 'count',
-      component: () => import('@/views/other/count.vue'),
+      component: () => import('@/views/other/count/index.vue'),
       name: 'count',
       meta: { title: '数字自增长', icon: 'MenuIcon' }
     }

src/router/modules/system.ts

@@ -14,25 +14,25 @@ const systemRouter = [{
     children: [
         {
             path: 'page',
-            component: () => import('@/views/system/page.vue'),
+            component: () => import('@/views/system/page/index.vue'),
             name: 'page',
-            meta: { title: '页面权限', icon: 'trend-charts',  roles:['other']  }
+            meta: { title: '页面权限', icon: 'MenuIcon',  roles:['other']  }
         },
         {
             path: 'user',
-            component: () => import('@/views/system/user.vue'),
+            component: () => import('@/views/system/user/index.vue'),
             name: 'user',
             meta: { title: '用户管理', roles: ['other'] , icon: 'MenuIcon'}
         },
         {
             path: 'role',
-            component: () => import('@/views/system/role.vue'),
+            component: () => import('@/views/system/role/index.vue'),
             name: 'role',
             meta: { title: '角色管理', roles: ['other'], icon: 'MenuIcon' }
         },
         {
             path: 'menu',
-            component: () => import('@/views/system/menu.vue'),
+            component: () => import('@/views/system/menu/index.vue'),
             name: 'menu',
             meta: { title: '菜单管理', roles: ['other'] , icon: 'MenuIcon'}
         },

src/styles/element-dark.scss

@@ -154,5 +154,24 @@ html.dark {
     font-weight: bold;
     color: white;
   }
+  .footer-layout{
+    background: none;
+    color: white;
+  }
+  .app-container-inner{
+    background: none;
+  }
+  .list-group-item{
+    background: none!important;
+    border: 1px solid white;
+  }
+  .app-container{
+    .header{
+      background: none;
+    }
+    .footer{
+      background: none;
+    }
+  }
 
 }

src/views/other/count/index.vue

@@ -112,56 +112,24 @@
   }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
-  .example-btn {
-    display: inline-block;
-    margin-bottom: 0;
-    font-weight: 500;
-    text-align: center;
-    -ms-touch-action: manipulation;
-    touch-action: manipulation;
-    cursor: pointer;
-    background-image: none;
-    border: 1px solid transparent;
-    white-space: nowrap;
-    line-height: 1.5;
-    padding: 4px 15px;
-    font-size: 12px;
-    border-radius: 4px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-    position: relative;
-    color: rgba(0, 0, 0, 0.65);
-    background-color: #fff;
-    border-color: #d9d9d9;
-  }
-
-  .example-btn:hover {
-    color: #4ab7bd;
-    background-color: #fff;
-    border-color: #4ab7bd;
-  }
   .example {
-    font-size: 50px;
-    color: #f6416c;
     display: block;
     margin: 10px 0;
     text-align: center;
-    font-size: 80px;
+    font-size: 40px;
     font-weight: 500;
+    color: $primaryColor;
+    /*background: linear-gradient(0deg,#77e0a0,#75c3e9);*/
+    /*-webkit-background-clip: text;*/
+    /*-webkit-text-fill-color: transparent;*/
   }
-
   .label {
     color: #2f4f4f;
     font-size: 16px;
     display: inline-block;
     margin: 15px 30px 15px 0;
   }
-
   input {
     position: relative;
     display: inline-block;
@@ -179,26 +147,22 @@
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
   }
-
   .startBtn {
     margin-left: 20px;
     font-size: 20px;
     color: #30b08f;
     background-color: #fff;
   }
-
   .startBtn:hover {
     background-color: #30b08f;
     color: #fff;
     border-color: #30b08f;
   }
-
   .pause-resume-btn {
     font-size: 20px;
     color: #e65d6e;
     background-color: #fff;
   }
-
   .pause-resume-btn:hover {
     background-color: #e65d6e;
     color: #fff;

src/views/system/data/user.ts

@@ -1,237 +0,0 @@
-export const userData =[
-    {
-        username:'zzb',
-        nickname:'林峰',
-        sex:'男',
-        role:'超级管理员',
-        status:true,
-    },
-    {
-        username:'zhangsan',
-        nickname:'张三',
-        sex:'女',
-        role:'管理员',
-        status:true,
-    },
-    {
-        username:'lisi',
-        nickname:'李四',
-        sex:'男',
-        role:'管理员',
-        status:true,
-    },
-    {
-        username:'wangwu',
-        nickname:'王五',
-        sex:'男',
-        role:'超级管理员',
-        status:false,
-    },
-    {
-        username:'zhaoliu',
-        nickname:'赵柳',
-        sex:'男',
-        role:'普通用户',
-        status:false,
-    },
-
-]
-
-
-export const roleData =[
-    {
-        roleName:'超级管理员',
-        roleId:'admin',
-        createTime:'2022-09-02',
-    },
-    {
-        roleName:'管理员',
-        roleId:'role',
-        createTime:'2022-09-02',
-    },
-    {
-        roleName:'普通用户',
-        roleId:'other',
-        createTime:'2022-09-02',
-    },
-
-]
-
-
-export const menuData =[
-    {
-        menuName:'首页',
-        menuType:'菜单',
-        menuRouter:'/home',
-        identification:'menu:home',
-        parentId:0,
-        level:1,
-        id:0,
-        createTime:'2022-09-02',
-    },
-    {
-        menuName:'表格',
-        menuType:'目录',
-        menuRouter:'/table',
-        identification:'menu:table',
-        parentId:0,
-        level:1,
-        id:1,
-        createTime:'2022-09-02',
-        children:[
-            {
-                menuName:'菜单1',
-                menuType:'菜单',
-                menuRouter:'/table',
-                identification:'menu1:view',
-                parentId:1,
-                level:2,
-                id:10,
-                createTime:'2022-09-02',
-                children:[
-                    {
-                        menuName:'按钮1',
-                        menuType:'按钮',
-                        menuRouter:'/table',
-                        identification:'menu1:view:btn1',
-                        parentId:10,
-                        id:20,
-                        level:3,
-                        createTime:'2022-09-02',
-                    },
-                    {
-                        menuName:'按钮2',
-                        menuType:'按钮',
-                        menuRouter:'/table',
-                        identification:'menu1:view:btn2',
-                        parentId:10,
-                        id:21,
-                        level:3,
-                        createTime:'2022-09-02',
-                    },
-                    {
-                        menuName:'按钮3',
-                        menuType:'按钮',
-                        menuRouter:'/table',
-                        identification:'menu1:view:btn2',
-                        parentId:10,
-                        id:22,
-                        level:3,
-                        createTime:'2022-09-02',
-                    }
-                ]
-            }
-        ]
-    },
-
-    {
-        menuName:'可视化图表',
-        menuType:'目录',
-        menuRouter:'/charts',
-        identification:'menu:charts',
-        parentId:0,
-        level:1,
-        id:1,
-        createTime:'2022-09-02',
-        children:[
-            {
-                menuName:'菜单1',
-                menuType:'菜单',
-                menuRouter:'/charts',
-                identification:'menu1:view',
-                parentId:1,
-                level:2,
-                id:10,
-                createTime:'2022-09-02',
-                children:[
-                    {
-                        menuName:'按钮1',
-                        menuType:'按钮',
-                        menuRouter:'/charts',
-                        identification:'menu1:view:btn1',
-                        parentId:10,
-                        id:20,
-                        level:3,
-                        createTime:'2022-09-02',
-                    },
-                    {
-                        menuName:'按钮2',
-                        menuType:'按钮',
-                        menuRouter:'/charts',
-                        identification:'menu1:view:btn2',
-                        parentId:10,
-                        id:21,
-                        level:3,
-                        createTime:'2022-09-02',
-                    },
-                    {
-                        menuName:'按钮3',
-                        menuType:'按钮',
-                        menuRouter:'/charts',
-                        identification:'menu1:view:btn2',
-                        parentId:10,
-                        id:22,
-                        level:3,
-                        createTime:'2022-09-02',
-                    }
-                ]
-            }
-        ]
-    },
-    {
-        menuName:'基础组件',
-        menuType:'目录',
-        menuRouter:'/components',
-        identification:'menu:components',
-        parentId:0,
-        level:1,
-        id:1,
-        createTime:'2022-09-02',
-        children:[
-            {
-                menuName:'菜单1',
-                menuType:'菜单',
-                menuRouter:'/components',
-                identification:'menu1:view',
-                parentId:1,
-                level:2,
-                id:10,
-                createTime:'2022-09-02',
-                children:[
-                    {
-                        menuName:'按钮1',
-                        menuType:'按钮',
-                        menuRouter:'/components',
-                        identification:'menu1:view:btn1',
-                        parentId:10,
-                        id:20,
-                        level:3,
-                        createTime:'2022-09-02',
-                    },
-                    {
-                        menuName:'按钮2',
-                        menuType:'按钮',
-                        menuRouter:'/components',
-                        identification:'menu1:view:btn2',
-                        parentId:10,
-                        id:21,
-                        level:3,
-                        createTime:'2022-09-02',
-                    },
-                    {
-                        menuName:'按钮3',
-                        menuType:'按钮',
-                        menuRouter:'/components',
-                        identification:'menu1:view:btn2',
-                        parentId:10,
-                        id:22,
-                        level:3,
-                        createTime:'2022-09-02',
-                    }
-                ]
-            }
-        ]
-    },
-]
-
-