zhaoyapeng
/
vue-admin-studentmanagent
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: 移除不必要样式

Browse Source
master
kailong321200875 2 years ago
parent 3b9c3d8b75
commit 366db45282
6 changed files with 121 additions and 127 deletions
Show Stats Download Patch File Download Diff File

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

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

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

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

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

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

176
src/router/index.ts
Unescape Escape View File

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

4
src/styles/var.css
Unescape Escape View File

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

8
uno.config.ts
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save