feat: 🚀 sass导入更新

src/layouts/LayoutClassic/index.vue

@@ -55,5 +55,5 @@ const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/layouts/LayoutColumns/index.vue

@@ -96,5 +96,5 @@ const changeSubMenu = (item: Menu.MenuOptions) => {
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/layouts/LayoutTransverse/index.vue

@@ -60,5 +60,5 @@ const handleClickMenu = (subItem: Menu.MenuOptions) => {
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/layouts/LayoutVertical/index.vue

@@ -50,7 +50,7 @@ const activeMenu = computed(() => (route.meta.activeMenu ? route.meta.activeMenu
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 .el-container .el-aside .aside-box .el-scrollbar {
     background-color: #161616 !important;
 }

src/layouts/components/Main/index.vue

@@ -71,5 +71,5 @@ watch(
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/layouts/components/Tabs/components/MoreButton.vue

@@ -100,5 +100,5 @@ const closeAllTab = () => {
 </script>
 
 <style scoped lang="scss">
-@import "../index.scss";
+@use "../index.scss";
 </style>

src/layouts/components/Tabs/index.vue

@@ -127,5 +127,5 @@ const tabRemove = (fullPath: TabPaneName) => {
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>