From 02dcc34a4bfbc4a2357c2fbc1c8cfdc90512863c Mon Sep 17 00:00:00 2001
From: layyback <505187749@qq.com>
Date: Mon, 21 Mar 2022 22:43:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=8F=90=E5=8F=96=E5=85=AC=E5=85=B1?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 feature/src/assets/common.less       | 20 ++++++++++++++++++++
 feature/src/views/market/index.vue   | 23 ++---------------------
 feature/src/views/settings/index.vue | 23 ++---------------------
 3 files changed, 24 insertions(+), 42 deletions(-)
 create mode 100644 feature/src/assets/common.less

diff --git a/feature/src/assets/common.less b/feature/src/assets/common.less
new file mode 100644
index 0000000..7e9ce10
--- /dev/null
+++ b/feature/src/assets/common.less
@@ -0,0 +1,20 @@
+.left-menu {
+  width: 200px;
+  height: 100vh;
+  .search-container {
+    padding: 10px;
+  }
+  .ant-input-affix-wrapper {
+    border: none;
+  }
+  :deep(.ant-menu) {
+    background: #F3EFEF;
+    .ant-menu-item-selected {
+      background-color: #E2E2E2;
+      color: #141414;
+      &:after {
+        display: none;
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/feature/src/views/market/index.vue b/feature/src/views/market/index.vue
index 676d46c..95b0b0a 100644
--- a/feature/src/views/market/index.vue
+++ b/feature/src/views/market/index.vue
@@ -92,7 +92,8 @@ const totalPlugins = computed(() => store.state.totalPlugins);
 const { searchValue, current } = toRefs(state);
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
+@import '~@/assets/common.less';
 .market {
   display: flex;
   box-sizing: border-box;
@@ -101,26 +102,6 @@ const { searchValue, current } = toRefs(state);
   overflow: hidden;
   background: #F3EFEF;
   height: calc(~"100vh - 46px");
-  .left-menu {
-    width: 200px;
-    height: 100vh;
-    .search-container {
-      padding: 10px;
-    }
-    .ant-input-affix-wrapper {
-      border: none;
-    }
-    .ant-menu {
-      background: #F3EFEF;
-      .ant-menu-item-selected {
-        background-color: #E2E2E2;
-        color: #141414;
-        &:after {
-          display: none;
-        }
-      }
-    }
-  }
   .container {
     background: #fff;
     width: calc(~'100% - 200px');
diff --git a/feature/src/views/settings/index.vue b/feature/src/views/settings/index.vue
index 201a59c..e5fc64d 100644
--- a/feature/src/views/settings/index.vue
+++ b/feature/src/views/settings/index.vue
@@ -236,7 +236,8 @@ const addConfig = () => {
 const {shortCut, common, local, global} = toRefs(state);
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
+@import '~@/assets/common.less';
 .settings {
   box-sizing: border-box;
   width: 100%;
@@ -244,26 +245,6 @@ const {shortCut, common, local, global} = toRefs(state);
   background: #f3efef;
   height: calc(~"100vh - 46px");
   display: flex;
-  .left-menu {
-    width: 200px;
-    height: 100%;
-    .search-container {
-      padding: 10px;
-    }
-    .ant-input-affix-wrapper {
-      border: none;
-    }
-    .ant-menu {
-      background: #F3EFEF;
-      .ant-menu-item-selected {
-        background-color: #E2E2E2;
-        color: #141414;
-        &:after {
-          display: none;
-        }
-      }
-    }
-  }
   .settings-detail {
     padding: 20px;
     box-sizing: border-box;