lemons
/
zb-admin
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
zouzhibing 2022-11-04 09:27:07 +08:00
parent 870792f6ec
commit 00ea15f56b
16 changed files with 41 additions and 295 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/layout/Footer/index.vue
View File

@ -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;

18
src/router/modules/other.ts
View File

@ -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',
component: () => import('@/views/other/grid-sorter.vue'),
name: 'grid-sorter',
path: 'card-drag',
component: () => import('@/views/other/cardDrag/index.vue'),
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' }
}

10
src/router/modules/system.ts
View File

@ -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'}
},

19
src/styles/element-dark.scss
View File

@ -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;
}
}
}

0
src/views/other/grid-sorter.vue → src/views/other/cardDrag/index.vue
View File

48
src/views/other/count.vue → src/views/other/count/index.vue
View File

@ -112,56 +112,24 @@
}
</script>
<style scoped>
.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;
}
<style scoped lang="scss">
.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;

0
src/views/other/print.vue → src/views/other/print/index.vue
View File

0
src/views/other/qrcode.vue → src/views/other/qrcode/index.vue
View File

0
src/views/other/right-menu.vue → src/views/other/rightMenu/index.vue
View File

0
src/views/other/upload.vue → src/views/other/upload/index.vue
View File

0
src/views/other/water-marker.vue → src/views/other/waterMarker/index.vue
View File

237
src/views/system/data/user.ts
View File

@ -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',
}
]
}
]
},
]

0
src/views/system/menu.vue → src/views/system/menu/index.vue
View File

0
src/views/system/page.vue → src/views/system/page/index.vue
View File

0
src/views/system/role.vue → src/views/system/role/index.vue
View File

0
src/views/system/user.vue → src/views/system/user/index.vue
View File