style: variables fix standard

src/packages/__VUE/category/index.scss

@@ -5,7 +5,7 @@
   }
 
   &__cateListLeft {
-    background: $cateListLeft-bg-color;
+    background: $category-ListLeft-bg-color;
   }
 
   &__cateListItemChecked,
@@ -15,14 +15,14 @@
     font-size: 13px;
     font-family: PingFangSC;
     font-weight: normal;
-    color: $cateListItem-color;
+    color: $category-ListItem-color;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.3s;
   }
   &__cateListItemChecked {
-    background: $cateListItemChecked-color;
+    background: $category-ListItemChecked-color;
     font-weight: 500;
     transition: all 0.3s;
     position: relative;
@@ -32,7 +32,7 @@
       left: 0;
       width: 5px;
       height: 18px;
-      background: $cateListItemChecked-img-bg-color;
+      background: $category-ListItemChecked-img-bg-color;
     }
   }
 }

src/packages/__VUE/circleprogress/index.scss

@@ -2,12 +2,12 @@
   position: relative;
 
   &-hover {
-    stroke: $circle-progress-primary-color;
+    stroke: $circleprogress-primary-color;
     transition: stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s;
   }
 
   &-path {
-    stroke: $circle-progress-path-color;
+    stroke: $circleprogress-path-color;
   }
 
   &-text {
@@ -18,7 +18,7 @@
     width: 100%;
     transform: translateY(-50%);
     text-align: center;
-    color: $circle-progress-text-color;
-    font-size: $circle-progress-text-size;
+    color: $circleprogress-text-color;
+    font-size: $circleprogress-text-size;
   }
 }

src/packages/__VUE/comment/index.scss

@@ -29,7 +29,7 @@
         @include oneline-ellipsis();
         margin-right: 5px;
         font-size: 12px;
-        color: $cmt-header-user-name-color;
+        color: $comment-header-user-name-color;
         width: auto;
         max-width: 80px;
       }
@@ -43,7 +43,7 @@
 
           @include oneline-ellipsis();
           font-size: 12px;
-          color: $cmt-header-user-name-color;
+          color: $comment-header-user-name-color;
 
           > span {
             margin-right: 8px;
@@ -79,7 +79,7 @@
       width: 100px;
       text-align: right;
       font-size: 12px;
-      color: $cmt-header-time-color;
+      color: $comment-header-time-color;
     }
 
     &__complex-score {
@@ -248,7 +248,7 @@
   &-bottom {
     display: flex;
     justify-content: space-between;
-    color: $cmt-bottom-label-color;
+    color: $comment-bottom-label-color;
     margin-right: 5px;
 
     &__lable {
@@ -347,7 +347,7 @@
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     @include moreline-ellipsis(6);
     span {
-      color: $cmt-shop-color;
+      color: $comment-shop-color;
     }
   }
 }

src/packages/styles/variables-jdt.scss

@@ -729,17 +729,22 @@ $ecard-bg-color: #f0f2f5 !default;
 
 //category
 $category-bg-color: rgba(255, 255, 255, 1) !default;
-$cateListLeft-bg-color: rgba(246, 247, 249, 1) !default;
-$cateListItem-color: rgba(51, 51, 51, 1) !default;
-$cateListItemChecked-color: rgba(255, 255, 255, 1) !default;
-$cateListItem-color: rgba(51, 51, 51, 1) !default;
-$cateListItemChecked-img-bg-color: rgba(240, 37, 15, 1) !default;
+$category-ListLeft-bg-color: rgba(246, 247, 249, 1) !default;
+$category-ListItem-color: rgba(51, 51, 51, 1) !default;
+$category-ListItemChecked-color: rgba(255, 255, 255, 1) !default;
+$category-ListItemChecked-img-bg-color: rgba(240, 37, 15, 1) !default;
 
 // circleProgress
-$circle-progress-primary-color: $primary-color !default;
-$circle-progress-path-color: #e5e9f2 !default;
-$circle-progress-text-color: #000000 !default;
-$circle-progress-text-size: $font-size-3 !default;
+$circleprogress-primary-color: $primary-color !default;
+$circleprogress-path-color: #e5e9f2 !default;
+$circleprogress-text-color: #000000 !default;
+$circleprogress-text-size: $font-size-3 !default;
+
+// Comment
+$comment-header-user-name-color: rgba(51, 51, 51, 1) !default;
+$comment-header-time-color: rgba(153, 153, 153, 1) !default;
+$comment-bottom-label-color: rgba(153, 153, 153, 1) !default;
+$comment-shop-color: $primary-color !default;
 
 @import './mixins/index';
 @import './animation/index';

src/packages/styles/variables.scss

@@ -753,23 +753,22 @@ $ecard-bg-color: #f0f2f5 !default;
 
 //category
 $category-bg-color: rgba(255, 255, 255, 1) !default;
-$cateListLeft-bg-color: rgba(246, 247, 249, 1) !default;
-$cateListItem-color: rgba(51, 51, 51, 1) !default;
-$cateListItemChecked-color: rgba(255, 255, 255, 1) !default;
-$cateListItem-color: rgba(51, 51, 51, 1) !default;
-$cateListItemChecked-img-bg-color: rgba(240, 37, 15, 1) !default;
+$category-ListLeft-bg-color: rgba(246, 247, 249, 1) !default;
+$category-ListItem-color: rgba(51, 51, 51, 1) !default;
+$category-ListItemChecked-color: rgba(255, 255, 255, 1) !default;
+$category-ListItemChecked-img-bg-color: rgba(240, 37, 15, 1) !default;
 
 // circleProgress
-$circle-progress-primary-color: $primary-color !default;
-$circle-progress-path-color: #e5e9f2 !default;
-$circle-progress-text-color: #000000 !default;
-$circle-progress-text-size: $font-size-3 !default;
+$circleprogress-primary-color: $primary-color !default;
+$circleprogress-path-color: #e5e9f2 !default;
+$circleprogress-text-color: #000000 !default;
+$circleprogress-text-size: $font-size-3 !default;
 
 // Comment
-$cmt-header-user-name-color: rgba(51, 51, 51, 1) !default;
-$cmt-header-time-color: rgba(153, 153, 153, 1) !default;
-$cmt-bottom-label-color: rgba(153, 153, 153, 1) !default;
-$cmt-shop-color: $primary-color !default;
+$comment-header-user-name-color: rgba(51, 51, 51, 1) !default;
+$comment-header-time-color: rgba(153, 153, 153, 1) !default;
+$comment-bottom-label-color: rgba(153, 153, 153, 1) !default;
+$comment-shop-color: $primary-color !default;
 
 @import './mixins/index';
 @import './animation/index';