🌻 update(custom): 修改样式文件到styles

.editorconfig

@@ -4,7 +4,6 @@ root = true
 
 [*] # 表示所有文件适用
 charset = utf-8 # 设置文件字符集为 utf-8
-indent_style = tab # 缩进风格（tab | space）
 indent_size = 2 # 缩进大小
 end_of_line = lf # 控制换行类型(lf | cr | crlf)
 trim_trailing_whitespace = true # 末尾空格修剪

.prettierrc

@@ -10,5 +10,5 @@
     "arrowParens": "always",
     "bracketSameLine": true,
     "jsxBracketSameLine": true,
-    "endOfLine": "auto"
+    "endOfLine": "lf"
 }

src/App.vue

@@ -29,7 +29,7 @@ watchEffect(() => {
 </script>
 
 <style lang="scss">
-@import '@/assets/scss/global-app';
+@import '@/styles/scss/global-app';
 #app {
   background-color: v-bind(LOGIN_BGC);
 }

src/assets/scss/user.scss

@@ -1,9 +0,0 @@
-/*表格开关的颜色样式*/
-:deep(.n-switch .n-switch__rail) {
-  background: #ce304f;
-  border: #f4e4e8;
-}
-:deep(.n-switch.n-switch--active .n-switch__rail) {
-  background: #189f57;
-}
-/*end*/

src/components/language/index.vue

@@ -72,7 +72,7 @@ const englishSwitch = () => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/layout-header.scss';
+@import '@/styles/scss/layout-header.scss';
 .n-button-hover {
   font-weight: bold;
   .n-button:hover {

src/global/search/components/search-record.vue

@@ -87,5 +87,5 @@ const handleDel = async (item: any) => {
 }
 </script>
 <style lang="scss" scoped>
-@import '@/assets/scss/global-search';
+@import '@/styles/scss/global-search';
 </style>

src/global/search/components/search-result.vue

@@ -75,5 +75,5 @@ const handleTo = () => {
 }
 </script>
 <style lang="scss" scoped>
-@import '@/assets/scss/global-search';
+@import '@/styles/scss/global-search';
 </style>

src/global/search/index.vue

@@ -4,8 +4,8 @@
       <div @click="showSearch" class="search-input">
         <n-icon :size="24" :component="Search" />
         <span>{{ t('search') }}</span>
-        <n-tag style="border-radius: 6px" :bordered="false" size="small">
-          {{ data.tags['search'].item.map((tag) => tag.charAt(0).toUpperCase() + tag.slice(1)).join('+') }}
+        <n-tag v-if="tips" style="border-radius: 6px" :bordered="false" size="small">
+          {{ tips }}
         </n-tag>
       </div>
     </template>
@@ -47,6 +47,10 @@ if (Object.keys(data.value).length === 0) {
 }
 /*获取缓存中的tags对象中的search*/
 const key = ref(data.value.tags['search'])
+/* 计算出快捷键的值有哪些 */
+const tips = computed(() =>
+  data.value.tags['search'].item.map((tag) => tag.charAt(0).toUpperCase() + tag.slice(1)).join('+')
+)
 /*监听兄弟组件配置是否更新*/
 Mitt.on('search', (event: any) => {
   key.value = event
@@ -100,7 +104,7 @@ document.addEventListener('keydown', (event) => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/layout-header.scss';
+@import '@/styles/scss/layout-header.scss';
 .search-input {
   display: flex;
   align-items: center;

src/global/settings/index.vue

@@ -162,6 +162,6 @@ const save = (val: globalSetting, event: MouseEvent) => {
 </script>
 
 <style lang="scss">
-@import '@/assets/scss/layout-header.scss';
-@import '@/assets/scss/toggle-theme.scss';
+@import '@/styles/scss/layout-header.scss';
+@import '@/styles/scss/toggle-theme.scss';
 </style>

src/layout/header/index.vue

@@ -271,7 +271,7 @@ const userExit = () => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/layout-header.scss';
+@import '@/styles/scss/layout-header.scss';
 :deep(.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab.n-tabs-tab--active) {
   color: #189f57;
 }

src/main.ts

@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
 import 'animate.css'
-import '@/assets/reset.css'
+import '@/styles/reset.css'
 import App from '@/App.vue'
 import router from '@/router'
 import { pinia } from '@/stores'

src/styles/scss/login.scss

@@ -51,7 +51,7 @@
     repeat: no-repeat;
     position: top;
     size: 100px auto;
-    image: url('../img/cloud-express.png');
+    image: url('../../assets/img/cloud-express.png');
   }
   display: block;
 }
@@ -179,4 +179,4 @@
   &:hover {
     color: #bc3f4a;
   }
-}
+}

src/views/login/form/index.vue

@@ -365,7 +365,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/login';
+@import '@/styles/scss/login';
 
 .login h1 {
   color: v-bind(TEXT_COLOR);

src/views/login/head/index.vue

@@ -108,6 +108,6 @@ const linkOpen = (val: any) => {
 </script>
 
 <style lang="scss">
-@import '@/assets/scss/login';
-@import '@/assets/scss/toggle-theme';
+@import '@/styles/scss/login';
+@import '@/styles/scss/toggle-theme';
 </style>

src/views/login/index.vue

@@ -104,5 +104,5 @@ const codeInputClose = async () => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/login';
+@import '@/styles/scss/login';
 </style>

src/views/page/User.vue

@@ -128,5 +128,5 @@ const handleUpdateFilter = (filters: DataTableFilterState, sourceColumn: DataTab
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/user';
+@import '@/styles/scss/user';
 </style>

src/views/pagination/odometer/Barchart-second.vue

@@ -116,7 +116,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/barchar.scss';
+@import '@/styles/scss/barchar.scss';
 .barchart {
   background: v-bind(BGC);
 }

src/views/pagination/odometer/Barchart-third.vue

@@ -116,7 +116,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/barchar.scss';
+@import '@/styles/scss/barchar.scss';
 .barchart {
   background: v-bind(BGC);
 }

src/views/pagination/odometer/Barchart.vue

@@ -116,7 +116,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/barchar.scss';
+@import '@/styles/scss/barchar.scss';
 
 .barchart {
   background: v-bind(BGC);

src/views/pagination/odometer/Cardchart-second.vue

@@ -155,7 +155,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/cardchart.scss';
+@import '@/styles/scss/cardchart.scss';
 .weekData {
   background: v-bind(BGC);
   span {

src/views/pagination/odometer/Cardchart-third.vue

@@ -145,7 +145,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/cardchart.scss';
+@import '@/styles/scss/cardchart.scss';
 .weekData {
   background: v-bind(BGC);
   span {

src/views/pagination/odometer/Cardchart.vue

@@ -94,7 +94,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/assets/scss/cardchart.scss';
+@import '@/styles/scss/cardchart.scss';
 .weekData {
   background: v-bind(BGC);
   span {