微调

src/layouts/Layout.vue

@@ -67,7 +67,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-$prefix-cls: #{$namespace}-layout;
+$prefix-cls: v-layout;
 
 .#{$prefix-cls} {
   background-color: var(--app-content-bg-color);

src/layouts/components/Menu/src/Menu.vue

@@ -122,7 +122,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-$prefix-cls: #{$namespace}-menu;
+$prefix-cls: v-menu;
 
 .#{$prefix-cls} {
   position: relative;
@@ -224,7 +224,7 @@ $prefix-cls: #{$namespace}-menu;
 </style>
 
 <style lang="scss">
-$prefix-cls: #{$namespace}-menu-popper;
+$prefix-cls: v-menu-popper;
 
 .#{$prefix-cls}--vertical,
 .#{$prefix-cls}--horizontal {

src/layouts/components/Setting/src/Setting.vue

@@ -291,7 +291,7 @@ const clear = () => {
 </template>
 
 <style lang="scss" scoped>
-$prefix-cls: #{$namespace}-setting;
+$prefix-cls: v-setting;
 
 .#{$prefix-cls} {
   border-radius: 6px 0 0 6px;

src/layouts/components/Setting/src/components/ColorRadioPicker.vue

@@ -57,7 +57,7 @@ watch(
 </template>
 
 <style lang="scss" scoped>
-$prefix-cls: #{$namespace}-color-radio-picker;
+$prefix-cls: v-color-radio-picker;
 
 .#{$prefix-cls} {
   .is-active {

src/layouts/components/Setting/src/components/LayoutRadioPicker.vue

@@ -61,7 +61,7 @@ const layout = computed(() => appStore.getLayout)
 </template>
 
 <style lang="scss" scoped>
-$prefix-cls: #{$namespace}-layout-radio-picker;
+$prefix-cls: v-layout-radio-picker;
 
 .#{$prefix-cls} {
   &__classic {

src/layouts/components/TabMenu/src/TabMenu.vue

@@ -212,7 +212,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-$prefix-cls: #{$namespace}-tab-menu;
+$prefix-cls: v-tab-menu;
 
 .#{$prefix-cls} {
   transition: all var(--transition-time-02);

src/layouts/components/TagsView/src/TagsView.vue

@@ -473,7 +473,7 @@ watch(
 </template>
 
 <style lang="scss" scoped>
-$prefix-cls: #{$namespace}-tags-view;
+$prefix-cls: v-tags-view;
 
 .#{$prefix-cls} {
   :deep(.el-scrollbar__view) {

src/layouts/components/ToolHeader.vue

@@ -87,7 +87,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-$prefix-cls: #{$namespace}-tool-header;
+$prefix-cls: v-tool-header;
 
 .#{$prefix-cls} {
   transition: left var(--transition-time-02);

src/layouts/components/UserInfo/src/components/LockPage.vue

@@ -152,7 +152,7 @@ function handleShowForm(show = false) {
 </template>
 
 <style lang="scss" scoped>
-$prefix-cls: '#{$namespace}-lock-page';
+$prefix-cls: 'v-lock-page';
 
 // Small screen / tablet
 $screen-sm: 576px;