fix(menu): improve menu logic, fix #461

This commit is contained in:
Vben
2021-04-08 23:04:16 +08:00
parent 780a8a67b8
commit ee1c349858
13 changed files with 66 additions and 33 deletions

View File

@@ -3,7 +3,6 @@
v-if="getShowDarkModeToggle"
:class="[
prefixCls,
`${prefixCls}--${size}`,
{
[`${prefixCls}--dark`]: isDark,
},
@@ -30,13 +29,13 @@
export default defineComponent({
name: 'DarkModeToggle',
components: { SvgIcon },
props: {
size: {
type: String,
default: 'default',
validate: (val) => ['default', 'large'].includes(val),
},
},
// props: {
// size: {
// type: String,
// default: 'default',
// validate: (val) => ['default', 'large'].includes(val),
// },
// },
setup() {
const { prefixCls } = useDesign('dark-mode-toggle');
const { getDarkMode, setDarkMode, getShowDarkModeToggle } = useRootSetting();
@@ -97,15 +96,15 @@
}
}
&--large {
width: 72px;
height: 34px;
padding: 0 10px;
// &--large {
// width: 70px;
// height: 34px;
// padding: 0 10px;
.@{prefix-cls}-inner {
width: 26px;
height: 26px;
}
}
// .@{prefix-cls}-inner {
// width: 26px;
// height: 26px;
// }
// }
}
</style>