浏览代码

style: category menu scss edit

richard1015 3 年之前
父节点
当前提交
78e1c89fb6

+ 5 - 5
src/packages/__VUE/category/index.scss

@@ -14,7 +14,7 @@
       color: $dark-color;
       background: $dark-background2;
       &::before {
-        background: $category-ListItemChecked-img-bg-color;
+        background: $category-list-item-checked-img-bg-color;
       }
     }
   }
@@ -26,7 +26,7 @@
   }
 
   &__cateListLeft {
-    background: $category-ListLeft-bg-color;
+    background: $category-list-left-bg-color;
   }
 
   &__cateListItemChecked,
@@ -36,14 +36,14 @@
     font-size: 13px;
     font-family: PingFangSC;
     font-weight: normal;
-    color: $category-ListItem-color;
+    color: $category-list-item-color;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.3s;
   }
   &__cateListItemChecked {
-    background: $category-ListItemChecked-color;
+    background: $category-list-item-checked-color;
     font-weight: 500;
     transition: all 0.3s;
     position: relative;
@@ -53,7 +53,7 @@
       left: 0;
       width: 5px;
       height: 18px;
-      background: $category-ListItemChecked-img-bg-color;
+      background: $category-list-item-checked-img-bg-color;
     }
   }
 }

+ 7 - 4
src/packages/__VUE/categorypane/index.scss

@@ -1,5 +1,8 @@
 .nut-theme-dark {
   .nut-categorypane {
+    &__childTitle {
+      color: $white;
+    }
     &__cateListRight {
       background: $dark-background2;
     }
@@ -16,7 +19,7 @@
     font-size: 13px;
     font-family: PingFangSC;
     font-weight: 500;
-    color: $categorypane-title-color;
+    color: $category-pane-title-color;
   }
 
   &__childItemList {
@@ -39,12 +42,12 @@
     margin-right: 10px;
     width: 75px;
     height: 40px;
-    border: 1px solid $categorypane-border-color;
+    border: 1px solid $category-pane-border-color;
     border-radius: 5px;
     font-size: 12px;
     font-family: PingFangSC;
     font-weight: normal;
-    color: $categorypane-gray-color;
+    color: $category-pane-gray-color;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -61,7 +64,7 @@
     font-size: 12px;
     font-family: PingFangSC;
     font-weight: normal;
-    color: $categorypane-gray-color;
+    color: $category-pane-gray-color;
     margin-top: 10px;
     margin-bottom: 10px;
     text-align: center;

+ 2 - 2
src/packages/__VUE/menu/index.scss

@@ -13,8 +13,8 @@
 .nut-menu {
   &.scroll-fixed {
     position: fixed;
-    top: $nut-menu-scroll-fixed-top;
-    z-index: $nut-menu-scroll-fixed-z-index;
+    top: $menu-scroll-fixed-top;
+    z-index: $menu-scroll-fixed-z-index;
     width: 100%;
   }
 

+ 9 - 10
src/packages/styles/variables-jdb.scss

@@ -668,8 +668,8 @@ $menu-item-option-padding-top: 12px !default;
 $menu-item-option-padding-bottom: 12px !default;
 $menu-item-option-i-margin-right: 6px !default;
 $menu-bar-box-shadow: 0 2px 12px rgba(89, 89, 89, 0.12) !default;
-$nut-menu-scroll-fixed-top: 0 !default;
-$nut-menu-scroll-fixed-z-index: 1000 !default;
+$menu-scroll-fixed-top: 0 !default;
+$menu-scroll-fixed-z-index: 1000 !default;
 
 // collapse
 $collapse-item-padding: 13px 36px 13px 26px !default;
@@ -866,14 +866,13 @@ $addresslist-contnts-contact-color: $white !default;
 
 //category
 $category-bg-color: rgba(255, 255, 255, 1) !default;
-$category-ListLeft-bg-color: rgba(246, 247, 249, 1) !default;
-$category-ListItem-color: $title-color !default;
-$category-ListItemChecked-color: rgba(255, 255, 255, 1) !default;
-$category-ListItemChecked-img-bg-color: $primary-color !default;
-$category-ListItemChecked-img-bg-color: $primary-color !default;
-$categorypane-gray-color: #666 !default;
-$categorypane-border-color: rgb(153, 153, 153) !default;
-$categorypane-title-color: rgba(51, 51, 51, 1) !default;
+$category-list-left-bg-color: rgba(246, 247, 249, 1) !default;
+$category-list-item-color: $title-color !default;
+$category-list-item-checked-color: rgba(255, 255, 255, 1) !default;
+$category-list-item-checked-img-bg-color: $primary-color !default;
+$category-pane-gray-color: #666 !default;
+$category-pane-border-color: rgb(153, 153, 153) !default;
+$category-pane-title-color: rgba(51, 51, 51, 1) !default;
 
 // circleProgress
 $circleprogress-primary-color: $primary-color !default;

+ 9 - 10
src/packages/styles/variables-jdt.scss

@@ -574,8 +574,8 @@ $menu-item-option-padding-top: 12px !default;
 $menu-item-option-padding-bottom: 12px !default;
 $menu-item-option-i-margin-right: 6px !default;
 $menu-bar-box-shadow: 0 2px 12px rgba(89, 89, 89, 0.12) !default;
-$nut-menu-scroll-fixed-top: 0 !default;
-$nut-menu-scroll-fixed-z-index: 1000 !default;
+$menu-scroll-fixed-top: 0 !default;
+$menu-scroll-fixed-z-index: 1000 !default;
 
 // collapse
 $collapse-item-padding: 13px 36px 13px 26px !default;
@@ -772,14 +772,13 @@ $addresslist-contnts-contact-color: $white !default;
 
 //category
 $category-bg-color: rgba(255, 255, 255, 1) !default;
-$category-ListLeft-bg-color: rgba(246, 247, 249, 1) !default;
-$category-ListItem-color: $title-color !default;
-$category-ListItemChecked-color: rgba(255, 255, 255, 1) !default;
-$category-ListItemChecked-img-bg-color: $primary-color !default;
-$category-ListItemChecked-img-bg-color: $primary-color !default;
-$categorypane-gray-color: #666 !default;
-$categorypane-border-color: rgb(153, 153, 153) !default;
-$categorypane-title-color: rgba(51, 51, 51, 1) !default;
+$category-list-left-bg-color: rgba(246, 247, 249, 1) !default;
+$category-list-item-color: $title-color !default;
+$category-list-item-checked-color: rgba(255, 255, 255, 1) !default;
+$category-list-item-checked-img-bg-color: $primary-color !default;
+$category-pane-gray-color: #666 !default;
+$category-pane-border-color: rgb(153, 153, 153) !default;
+$category-pane-title-color: rgba(51, 51, 51, 1) !default;
 
 // circleProgress
 $circleprogress-primary-color: $primary-color !default;

+ 9 - 10
src/packages/styles/variables.scss

@@ -599,8 +599,8 @@ $menu-item-option-padding-top: 12px !default;
 $menu-item-option-padding-bottom: 12px !default;
 $menu-item-option-i-margin-right: 6px !default;
 $menu-bar-box-shadow: 0 2px 12px rgba(89, 89, 89, 0.12) !default;
-$nut-menu-scroll-fixed-top: 0 !default;
-$nut-menu-scroll-fixed-z-index: 1000 !default;
+$menu-scroll-fixed-top: 0 !default;
+$menu-scroll-fixed-z-index: 1000 !default;
 
 // collapse
 $collapse-item-padding: 13px 36px 13px 26px !default;
@@ -797,14 +797,13 @@ $addresslist-contnts-contact-color: $white !default;
 
 //category
 $category-bg-color: rgba(255, 255, 255, 1) !default;
-$category-ListLeft-bg-color: rgba(246, 247, 249, 1) !default;
-$category-ListItem-color: $title-color !default;
-$category-ListItemChecked-color: rgba(255, 255, 255, 1) !default;
-$category-ListItemChecked-img-bg-color: $primary-color !default;
-$category-ListItemChecked-img-bg-color: $primary-color !default;
-$categorypane-gray-color: #666 !default;
-$categorypane-border-color: rgb(153, 153, 153) !default;
-$categorypane-title-color: rgba(51, 51, 51, 1) !default;
+$category-list-left-bg-color: rgba(246, 247, 249, 1) !default;
+$category-list-item-color: $title-color !default;
+$category-list-item-checked-color: rgba(255, 255, 255, 1) !default;
+$category-list-item-checked-img-bg-color: $primary-color !default;
+$category-pane-gray-color: #666 !default;
+$category-pane-border-color: rgb(153, 153, 153) !default;
+$category-pane-title-color: rgba(51, 51, 51, 1) !default;
 
 // circleProgress
 $circleprogress-primary-color: $primary-color !default;