kingecg
/
gohttpdUi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: 移除不必要样式

This commit is contained in:
kailong321200875 2023-06-25 17:53:57 +08:00
parent 3b9c3d8b75
commit 366db45282
6 changed files with 121 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/Menu/src/Menu.vue
View File

@ -7,7 +7,6 @@ import { useRenderMenuItem } from './components/useRenderMenuItem'
import { useRouter } from 'vue-router'
import { isUrl } from '@/utils/is'
import { useDesign } from '@/hooks/web/useDesign'
import { LayoutType } from '@/types/layout'
const { getPrefixCls } = useDesign()
@ -124,15 +123,15 @@ export default defineComponent({
<style lang="less" scoped>
@prefix-cls: ~'@{namespace}-menu';
.is-active--after {
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 100%;
background-color: var(--el-color-primary);
content: '';
}
// .is-active--after {
// position: absolute;
// top: 0;
// right: 0;
// width: 4px;
// height: 100%;
// background-color: var(--el-color-primary);
// content: '';
// }
.@{prefix-cls} {
position: relative;
@ -182,9 +181,9 @@ export default defineComponent({
.@{elNamespace}-menu-item.is-active {
position: relative;
&:after {
.is-active--after;
}
// &:after {
// .is-active--after;
// }
}
// 设置子菜单的背景颜色
@ -205,9 +204,9 @@ export default defineComponent({
position: relative;
background-color: var(--left-menu-collapse-bg-active-color) !important;
&:after {
.is-active--after;
}
// &:after {
// .is-active--after;
// }
}
}
@ -255,15 +254,15 @@ export default defineComponent({
<style lang="less">
@prefix-cls: ~'@{namespace}-menu-popper';
.is-active--after {
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 100%;
background-color: var(--el-color-primary);
content: '';
}
// .is-active--after {
// position: absolute;
// top: 0;
// right: 0;
// width: 4px;
// height: 100%;
// background-color: var(--el-color-primary);
// content: '';
// }
.@{prefix-cls}--vertical,
.@{prefix-cls}--horizontal {
@ -292,9 +291,9 @@ export default defineComponent({
background-color: var(--left-menu-bg-active-color) !important;
}
&:after {
.is-active--after;
}
// &:after {
// .is-active--after;
// }
}
}
</style>

1
src/components/Setting/src/Setting.vue
View File

@ -47,7 +47,6 @@ const setHeaderTheme = (color: string) => {
setCssVar('--top-header-bg-color', color)
setCssVar('--top-header-text-color', textColor)
setCssVar('--top-header-hover-color', textHoverColor)
setCssVar('--layout-border-color', topToolBorderColor)
appStore.setTheme({
topHeaderBgColor: color,
topHeaderTextColor: textColor,

4
src/components/TagsView/src/TagsView.vue
View File

@ -482,7 +482,7 @@ watch(
left: 0;
width: 100%;
height: calc(~'100% - 1px');
border-left: 1px solid var(--layout-border-color);
border-left: 1px solid var(--el-border-color);
content: '';
}
@ -496,7 +496,7 @@ watch(
left: 0;
width: 100%;
height: calc(~'100% - 1px');
border-right: 1px solid var(--layout-border-color);
border-right: 1px solid var(--el-border-color);
content: '';
}
}

176
src/router/index.ts
View File

@ -313,94 +313,94 @@ export const asyncRouterMap: AppRouteRecordRaw[] = [
// }
]
},
// {
// path: '/hooks',
// component: Layout,
// redirect: '/hooks/useWatermark',
// name: 'Hooks',
// meta: {
// title: 'hooks',
// icon: 'ic:outline-webhook',
// alwaysShow: true
// },
// children: [
// {
// path: 'useWatermark',
// component: () => import('@/views/hooks/useWatermark.vue'),
// name: 'UseWatermark',
// meta: {
// title: 'useWatermark'
// }
// },
// {
// path: 'useCrudSchemas',
// component: () => import('@/views/hooks/useCrudSchemas.vue'),
// name: 'UseCrudSchemas',
// meta: {
// title: 'useCrudSchemas'
// }
// }
// ]
// },
// {
// path: '/level',
// component: Layout,
// redirect: '/level/menu1/menu1-1/menu1-1-1',
// name: 'Level',
// meta: {
// title: t('router.level'),
// icon: 'carbon:skill-level-advanced'
// },
// children: [
// {
// path: 'menu1',
// name: 'Menu1',
// component: getParentLayout(),
// redirect: '/level/menu1/menu1-1/menu1-1-1',
// meta: {
// title: t('router.menu1')
// },
// children: [
// {
// path: 'menu1-1',
// name: 'Menu11',
// component: getParentLayout(),
// redirect: '/level/menu1/menu1-1/menu1-1-1',
// meta: {
// title: t('router.menu11'),
// alwaysShow: true
// },
// children: [
// {
// path: 'menu1-1-1',
// name: 'Menu111',
// component: () => import('@/views/Level/Menu111.vue'),
// meta: {
// title: t('router.menu111')
// }
// }
// ]
// },
// {
// path: 'menu1-2',
// name: 'Menu12',
// component: () => import('@/views/Level/Menu12.vue'),
// meta: {
// title: t('router.menu12')
// }
// }
// ]
// },
// {
// path: 'menu2',
// name: 'Menu2',
// component: () => import('@/views/Level/Menu2.vue'),
// meta: {
// title: t('router.menu2')
// }
// }
// ]
// },
{
path: '/hooks',
component: Layout,
redirect: '/hooks/useWatermark',
name: 'Hooks',
meta: {
title: 'hooks',
icon: 'ic:outline-webhook',
alwaysShow: true
},
children: [
{
path: 'useWatermark',
component: () => import('@/views/hooks/useWatermark.vue'),
name: 'UseWatermark',
meta: {
title: 'useWatermark'
}
},
{
path: 'useCrudSchemas',
component: () => import('@/views/hooks/useCrudSchemas.vue'),
name: 'UseCrudSchemas',
meta: {
title: 'useCrudSchemas'
}
}
]
},
{
path: '/level',
component: Layout,
redirect: '/level/menu1/menu1-1/menu1-1-1',
name: 'Level',
meta: {
title: t('router.level'),
icon: 'carbon:skill-level-advanced'
},
children: [
{
path: 'menu1',
name: 'Menu1',
component: getParentLayout(),
redirect: '/level/menu1/menu1-1/menu1-1-1',
meta: {
title: t('router.menu1')
},
children: [
{
path: 'menu1-1',
name: 'Menu11',
component: getParentLayout(),
redirect: '/level/menu1/menu1-1/menu1-1-1',
meta: {
title: t('router.menu11'),
alwaysShow: true
},
children: [
{
path: 'menu1-1-1',
name: 'Menu111',
component: () => import('@/views/Level/Menu111.vue'),
meta: {
title: t('router.menu111')
}
}
]
},
{
path: 'menu1-2',
name: 'Menu12',
component: () => import('@/views/Level/Menu12.vue'),
meta: {
title: t('router.menu12')
}
}
]
},
{
path: 'menu2',
name: 'Menu2',
component: () => import('@/views/Level/Menu2.vue'),
meta: {
title: t('router.menu2')
}
}
]
},
// {
// path: '/example',
// component: Layout,

4
src/styles/var.css
View File

@ -36,8 +36,6 @@
--top-tool-p-x: 0;
--layout-border-color: #eee;
--tags-view-height: 35px;
--tags-view-border-color: #eee;
@ -61,7 +59,5 @@
}
.dark {
--layout-border-color: var(--el-border-color);
--app-content-bg-color: var(--el-bg-color);
}

8
uno.config.ts
View File

@ -39,7 +39,7 @@ ${selector}:before {
left: 0;
width: 1px;
height: 100%;
background-color: var(--layout-border-color);
background-color: var(--el-border-color);
z-index: 3;
}
`
@ -57,7 +57,7 @@ ${selector}:after {
right: 0;
width: 1px;
height: 100%;
background-color: var(--layout-border-color);
background-color: var(--el-border-color);
z-index: 3;
}
`
@ -75,7 +75,7 @@ ${selector}:before {
left: 0;
width: 100%;
height: 1px;
background-color: var(--layout-border-color);
background-color: var(--el-border-color);
z-index: 3;
}
`
@ -93,7 +93,7 @@ ${selector}:after {
left: 0;
width: 100%;
height: 1px;
background-color: var(--layout-border-color);
background-color: var(--el-border-color);
z-index: 3;
}
`