|
|
@@ -1,9 +1,8 @@
|
|
|
// color
|
|
|
|
|
|
// 主色调
|
|
|
-$primary-color: #2c68ff;
|
|
|
-$primary-color-end: #2c68ff;
|
|
|
-
|
|
|
+$primary-color: #2c68ff !default;
|
|
|
+$primary-color-end: #2c68ff !default;
|
|
|
// 辅助色
|
|
|
$help-color: #f5f5f5 !default;
|
|
|
// 标题常规文字
|
|
|
@@ -17,7 +16,6 @@ $disable-color: #cccccc !default;
|
|
|
$white: #fff !default;
|
|
|
$black: #000 !default;
|
|
|
|
|
|
-
|
|
|
$font-family: PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun, sans-serif !default;
|
|
|
|
|
|
// ---- Animation ----
|
|
|
@@ -106,9 +104,9 @@ $cell-group-background-color: $white !default;
|
|
|
|
|
|
$divider-margin: 16px 0 !default;
|
|
|
$divider-text-font-size: 16px !default;
|
|
|
-$divider-text-color: rgba(0,0,0,0.3) !default;
|
|
|
-$divider-line-color: rgba(0,0,0,0.3) !default;
|
|
|
-$divider-line-height : 2px !default;
|
|
|
+$divider-text-color: rgba(0, 0, 0, 0.3) !default;
|
|
|
+$divider-line-color: rgba(0, 0, 0, 0.3) !default;
|
|
|
+$divider-line-height: 2px !default;
|
|
|
$divider-before-margin-right: 16px !default;
|
|
|
$divider-after-margin-left: 16px !default;
|
|
|
|
|
|
@@ -248,7 +246,7 @@ $switch-inside-close-transform: translateX(10%) !default;
|
|
|
// toast
|
|
|
$toast-title-font-size: 18px !default;
|
|
|
$toast-text-font-size: 14px !default;
|
|
|
-$toast-font-color:$white !default;
|
|
|
+$toast-font-color: $white !default;
|
|
|
$toast-inner-padding: 12px 20px !default;
|
|
|
$toast-inner-bg-color: rgba(0, 0, 0, 0.65) !default;
|
|
|
$toast-inner-border-radius: 4px !default;
|
|
|
@@ -275,7 +273,6 @@ $calendar-day-height: 64px !default;
|
|
|
$calendar-day-font-weight: normal !default;
|
|
|
$calendar-day67-font-color: $primary-color !default;
|
|
|
|
|
|
-
|
|
|
//overlay
|
|
|
$overlay-bg-color: rgba(0, 0, 0, 0.7) !default;
|
|
|
|
|
|
@@ -303,11 +300,10 @@ $rate-icon-void-color: $disable-color !default;
|
|
|
$tabbar-active-color: $primary-color !default;
|
|
|
$tabbar-border-top: 0 !default;
|
|
|
$tabbar-border-bottom: 0 !default;
|
|
|
-$tabbar-box-shadow: 0 -1.5px 5px rgba(0,0,0,0.04) !default;
|
|
|
+$tabbar-box-shadow: 0 -1.5px 5px rgba(0, 0, 0, 0.04) !default;
|
|
|
$tabbar-item-text-font-size: 12px !default;
|
|
|
$tabbar-item-text-line-height: 18px !default;
|
|
|
|
|
|
-
|
|
|
//infiniteloading
|
|
|
$infiniteloading-bottom-color: #c8c8c8 !default;
|
|
|
|
|
|
@@ -403,7 +399,6 @@ $noticebar-wrapable-padding: 16px !default;
|
|
|
$noticebar-lefticon-margin: 0px 10px !default;
|
|
|
$noticebar-righticon-margin: 0px 10px !default;
|
|
|
|
|
|
-
|
|
|
// TimeSelect
|
|
|
$timeselect-title-font-size: $font-size-2 !default;
|
|
|
$timeselect-title-color: $title-color !default;
|
|
|
@@ -421,7 +416,6 @@ $timeselect-timepannel-width: 140px !default;
|
|
|
$timeselect-timepannel-height: 40px !default;
|
|
|
$timeselect-timepannel-padding: 15px !default;
|
|
|
|
|
|
-
|
|
|
// TimeDetail
|
|
|
$timeselect-timedetail-padding: 0 5px 50px 13px !default;
|
|
|
$timeselect-timedetail-item-width: 100px !default;
|
|
|
@@ -477,7 +471,7 @@ $popover-disable-color: rgba(154, 155, 157, 1) !default;
|
|
|
|
|
|
//progress
|
|
|
$progress-inner-background-color: linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%) !default;
|
|
|
-$progress-insidetext-background: $primary-color !default;
|
|
|
+$progress-insidetext-background: $progress-inner-background-color !default;
|
|
|
$progress-outer-background-color: rgba(0, 0, 0, 0.15) !default;
|
|
|
$progress-outer-border-radius: 0 !default;
|
|
|
$progress-insidetext-border-radius: 10px !default;
|
|
|
@@ -499,7 +493,6 @@ $progress-large-text-line-height: 18px !default;
|
|
|
$progress-large-text-padding: $progress-insidetext-padding !default;
|
|
|
$progress-large-text-top: $progress-insidetext-top !default;
|
|
|
|
|
|
-
|
|
|
//pagination
|
|
|
$pagination-color: $primary-color !default;
|
|
|
$pagination-font-size: $font-size-2 !default;
|
|
|
@@ -553,10 +546,10 @@ $menu-item-content-max-height: 214px !default;
|
|
|
$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;
|
|
|
+$menu-bar-box-shadow: 0 2px 12px rgba(89, 89, 89, 0.12) !default;
|
|
|
|
|
|
// collapse
|
|
|
-$collapse-item-padding: 13px 26px !default;
|
|
|
+$collapse-item-padding: 13px 36px 13px 26px !default;
|
|
|
$collapse-item-color: rgba(0, 0, 0, 0.85) !default;
|
|
|
$collapse-item-disabled-color: #bfbfbf !default;
|
|
|
$collapse-item-icon-color: #666666 !default;
|
|
|
@@ -564,6 +557,7 @@ $collapse-item-font-size: $font-size-2 !default;
|
|
|
$collapse-item-line-height: 24px !default;
|
|
|
$collapse-item-sub-title-color: #666666 !default;
|
|
|
$collapse-wrapper-content-padding: 12px 26px !default;
|
|
|
+$collapse-wrapper-empty-content-padding: 0 26px !default;
|
|
|
$collapse-wrapper-content-color: #8c8c8c !default;
|
|
|
$collapse-wrapper-content-font-size: $font-size-2 !default;
|
|
|
$collapse-wrapper-content-line-height: 1.5 !default;
|
|
|
@@ -724,5 +718,8 @@ $elevator-list-item-bars-z-index: 10 !default;
|
|
|
$elevator-list-item-bars-inner-item-padding: 3px !default;
|
|
|
$elevator-list-item-bars-inner-item-font-size: 10px !default;
|
|
|
|
|
|
+// list
|
|
|
+$list-item-margin: 0 0 10px 0;
|
|
|
+
|
|
|
@import './mixins/index';
|
|
|
@import './animation/index';
|