ソースを参照

style(popup、actionsheet、cell、cellgroup): add sass param

richard1015 3 年 前
コミット
324ae7bdf0

+ 7 - 6
src/packages/__VUE/actionsheet/index.scss

@@ -37,22 +37,23 @@
     display: block;
     display: block;
     //   height: 24px;
     //   height: 24px;
     padding: 10px;
     padding: 10px;
-    line-height: 24px;
-    font-size: $font-size-base;
-    color: $title-color;
+    line-height: $actionsheet-item-line-height;
+    font-size: $actionsheet-item-font-size;
+    color: $actionsheet-item-font-color;
     text-align: center;
     text-align: center;
     background-color: #fff;
     background-color: #fff;
+    border-bottom: $actionsheet-item-border-bottom;
     cursor: pointer;
     cursor: pointer;
   }
   }
 
 
   .desc {
   .desc {
-    font-size: $font-size-2;
+    font-size: $actionsheet-item-font-size;
     color: #999;
     color: #999;
   }
   }
 
 
   .subdesc {
   .subdesc {
     display: block;
     display: block;
-    font-size: $font-size-small;
+    font-size: $actionsheet-item-subdesc-font-size;
     color: #999;
     color: #999;
   }
   }
 
 
@@ -63,6 +64,6 @@
 
 
   .nut-actionsheet-cancel {
   .nut-actionsheet-cancel {
     margin-top: 5px;
     margin-top: 5px;
-    border-top: 1px solid $actionsheet-light-color;
+    border-top: $actionsheet-item-cancel-border-top;
   }
   }
 }
 }

+ 3 - 3
src/packages/__VUE/cell/index.scss

@@ -2,8 +2,8 @@
   position: relative;
   position: relative;
   display: flex;
   display: flex;
   width: 100%;
   width: 100%;
-  line-height: 20px;
-  padding: 13px 16px;
+  line-height: $cell-line-height;
+  padding: $cell-padding;
   background: $white;
   background: $white;
   border-radius: $cell-border-radius;
   border-radius: $cell-border-radius;
   box-shadow: 0px 1px 7px 0px rgba(237, 238, 241, 1);
   box-shadow: 0px 1px 7px 0px rgba(237, 238, 241, 1);
@@ -23,7 +23,7 @@
     box-sizing: border-box;
     box-sizing: border-box;
     content: ' ';
     content: ' ';
     pointer-events: none;
     pointer-events: none;
-    right: 16px;
+    right: $cell-after-right;
     bottom: 0;
     bottom: 0;
     left: 16px;
     left: 16px;
     transform: scaleY(0.5);
     transform: scaleY(0.5);

+ 1 - 1
src/packages/__VUE/cellgroup/index.scss

@@ -32,7 +32,7 @@
   }
   }
   .nut-cell {
   .nut-cell {
     &::after {
     &::after {
-      border-bottom: 2px solid #f5f6f7;
+      border-bottom: $cell-after-border-bottom;
     }
     }
   }
   }
 }
 }

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

@@ -96,6 +96,10 @@ $cell-title-desc-font: $font-size-1 !default;
 $cell-desc-font: $font-size-2 !default;
 $cell-desc-font: $font-size-2 !default;
 $cell-desc-color: $disable-color !default;
 $cell-desc-color: $disable-color !default;
 $cell-border-radius: 6px !default;
 $cell-border-radius: 6px !default;
+$cell-padding: 13px 16px !default;
+$cell-line-height: 20px !default;
+$cell-after-right: 16px !default;
+$cell-after-border-bottom: 2px solid #f5f6f7 !default;
 
 
 // cell-group
 // cell-group
 
 
@@ -149,6 +153,12 @@ $inputnumber-icon-size: 20px !default;
 
 
 // actionsheet
 // actionsheet
 $actionsheet-light-color: #f6f6f6 !default;
 $actionsheet-light-color: #f6f6f6 !default;
+$actionsheet-item-border-bottom: none !default;
+$actionsheet-item-font-size: $font-size-2 !default;
+$actionsheet-item-subdesc-font-size: $font-size-1 !default;
+$actionsheet-item-cancel-border-top: 1px solid $actionsheet-light-color !default;
+$actionsheet-item-line-height: 24px !default;
+$actionsheet-item-font-color: $title-color !default;
 
 
 //shortpassword
 //shortpassword
 $shortpassword-background-color: rgba(245, 245, 245, 1) !default;
 $shortpassword-background-color: rgba(245, 245, 245, 1) !default;