style: 样式优化

template/admin/src/components/main/components/header-search/index.vue

@@ -19,22 +19,22 @@
     </Select>
   </div>
 </template>
-<style>
-.search .ivu-select-selection {
+<style scoped>
+.search /deep/ .ivu-select-selection {
   margin-right: 20px;
   border-radius: 30px;
 }
-.search .ivu-select-visible .ivu-select-selection {
+.search /deep/ .ivu-select-visible .ivu-select-selection {
   box-shadow: unset !important;
 }
-.search li.ivu-select-item {
+.search /deep/ li.ivu-select-item {
   text-align: left;
 }
-.search .select .ivu-select-input,
-.search .select .ivu-select-item {
+.search /deep/ .select .ivu-select-input,
+.search /deep/ .select .ivu-select-item {
   font-size: 13px !important;
 }
-.search .ivu-select-input{
+.search /deep/ .ivu-select-input{
   padding-left: 19px;
   border-radius: 30px;
   background-color: rgba(255,255,255,0.3);

template/admin/src/components/main/components/side-menu/side-menu.vue

@@ -246,6 +246,7 @@ export default {
   },
 };
 </script>
+<style lang="less" scoped></style>
 <style lang="less">
 @import './side-menu.less';
 .ivu-menu {
@@ -338,6 +339,14 @@ export default {
       color: #fff !important;
       border-radius: 4px;
     }
+    .ivu-menu-vertical .ivu-menu-item:hover {
+      color: #1890ff !important;
+      background-color: rgba(24, 144, 255, 0.1) !important;
+      border-radius: 4px;
+      .ivu-icon {
+        color: #1890ff !important;
+      }
+    }
     .ivu-menu-vertical .ivu-menu-item {
       padding: 10px 10px;
       margin-bottom: 8px;
@@ -438,6 +447,7 @@ export default {
       white-space: nowrap;
     }
   }
+
   .drop-menu-a {
     padding: 0;
   }