@nutui/nutui-react 3.0.20 → 4.0.0-beta.1

package/dist/styles/variables-jmapp.scss

@@ -16,14 +16,10 @@ $color-primary-icon-disabled: var(
   --nutui-color-primary-icon-disabled,
   #dadce0
 ) !default;
-$color-primary-specialdisabled: var(
-  --nutui-color-primary-specialdisabled,
-  #ffadbe
-) !default;
 
 // 默认
 $color-default: var(--nutui-color-default) !default;
-$color-default-pressed: var(--nutui-color-default-pressed) !default;
+$color-default-pressed: var(--nutui-color-default-pressed, #e6e6e6) !default;
 $color-default-light: var(--nutui-color-default-light) !default;
 $color-default-disabled: var(--nutui-color-default-disabled) !default;
 // 信息
@@ -56,6 +52,16 @@ $color-danger-disabled: var(--nutui-color-danger-disabled) !default;
 $color-danger-light: var(--nutui-color-danger-light) !default;
 $color-danger-background: var(--nutui-color-danger-background) !default;
 
+// 业务/服务色
+$color-service: var(--nutui-color-service, #fff4e0) !default;
+$color-service-pressed: var(--nutui-color-service-pressed, #f2ba79) !default;
+$color-service-border: var(--nutui-color-service-border, #ccb9ab) !default;
+$color-service-text: var(--nutui-color-service-text, #80512d) !default;
+$color-service-btn-bg: var(--nutui-color-service-btn-bg, #ffe6c2) !default;
+$color-service-btn-bg-pressed: var(--nutui-color-service-btn-bg-pressed, #ffddad) !default;
+$color-service-btn-bg-disabled: var(--nutui-color-service-btn-bg-disabled, #fff4e8) !default;
+
+
 // 边框
 $color-border-shade: var(--nutui-color-border-shade) !default;
 $color-border: var(
@@ -106,9 +112,6 @@ $font-weight: var(--nutui-font-weight);
 $font-weight-medium: var(--nutui-font-weight-medium, 500) !default;
 $font-weight-bold: var(--nutui-font-weight-bold);
 
-// 行高
-$line-height-base: var(--nutui-line-height) !default;
-
 // 圆角 corners
 $radius-xxs: var(
   --nutui-radius-xxs
@@ -169,16 +172,51 @@ $font-family:
   SimSun,
   sans-serif !default;
 
-// Font
+// Font（token 与 variables.scss 对齐；回落为 px / 设计 token，不经 scale 函数）
 $font-size-xxxs: var(--nutui-font-size-xxxs, 9px) !default;
 $font-size-xxs: $font-text-mini !default;
 $font-size-xs: $font-text-xs !default;
 $font-size-s: $font-text-small !default;
+$font-size-m: var(--nutui-font-size-m, $font-text-small) !default;
 $font-size-base: $font-text !default;
 $font-size-l: $font-text-large !default;
+$font-size-md: var(--nutui-font-size-md, 16px) !default;
+$font-size-icon: var(--nutui-font-size-icon, 16px) !default;
 $font-size-xl: $font-h2 !default;
+$font-size-2xl: var(--nutui-font-size-2xl, 20px) !default;
 $font-size-xxl: var(--nutui-font-size-8) !default;
 $font-size-xxxl: var(--nutui-font-size-10) !default;
+$font-size-xxxxl: var(--nutui-font-size-11, 28px) !default;
+
+// 行高（与同档字号等值；不经 scale）
+$line-height-xxxs: var(--nutui-line-height-xxxs, $font-size-xxxs) !default;
+$line-height-xxs: var(--nutui-line-height-xxs, $font-size-xxs) !default;
+$line-height-xs: var(--nutui-line-height-xs, $font-size-xs) !default;
+$line-height-s: var(--nutui-line-height-s, $font-size-s) !default;
+$line-height-m: var(--nutui-line-height-m, $font-size-m) !default;
+$line-height-base: var(--nutui-line-height-base, var(--nutui-line-height, $font-size-base)) !default;
+$line-height-l: var(--nutui-line-height-l, $font-size-l) !default;
+$line-height-md: var(--nutui-line-height-md, $font-size-md) !default;
+$line-height-icon: var(--nutui-line-height-icon, $font-size-icon) !default;
+$line-height-xl: var(--nutui-line-height-xl, $font-size-xl) !default;
+$line-height-2xl: var(--nutui-line-height-2xl, $font-size-2xl) !default;
+$line-height-xxl: var(--nutui-line-height-xxl, $font-size-xxl) !default;
+$line-height-xxxl: var(--nutui-line-height-xxxl, $font-size-xxxl) !default;
+$line-height-xxxxl: var(--nutui-line-height-xxxxl, $font-size-xxxxl) !default;
+
+// icon 尺寸（与 variables.scss 对齐；回落为 px，不经 scale-icon-px）
+$icon-size-6: var(--nutui-icon-size-6, 6px) !default;
+$icon-size-8: var(--nutui-icon-size-8, 8px) !default;
+$icon-size-10: var(--nutui-icon-size-10, 10px) !default;
+$icon-size-11: var(--nutui-icon-size-11, 11px) !default;
+$icon-size-12: var(--nutui-icon-size-12, 12px) !default;
+$icon-size-16: var(--nutui-icon-size-16, 16px) !default;
+$icon-size-18: var(--nutui-icon-size-18, 18px) !default;
+$icon-size-20: var(--nutui-icon-size-20, 20px) !default;
+$icon-size-22: var(--nutui-icon-size-22, 22px) !default;
+$icon-height: var(--nutui-icon-height, $icon-size-20) !default;
+$icon-width: var(--nutui-icon-width, $icon-size-20) !default;
+$icon-line-height: var(--nutui-icon-line-height, $icon-size-20) !default;
 
 // 间距 space
 $spacing-xxxs: var(--nutui-spacing-xxxs) !default; // 多用于文本与图标之间的间距
@@ -249,6 +287,10 @@ $button-default-disabled-color: var(
   --nutui-button-default-disabled-color,
   $color-text-disabled
 ) !default;
+$button-default-pressed: var(
+  --nutui-button-default-pressed,
+  $color-default-pressed
+) !default;
 $button-default-padding: var(
   --nutui-button-default-padding,
   0px $space-xl
@@ -277,6 +319,18 @@ $button-xlarge-border-radius: var(
   $radius-base
 ) !default;
 
+$button-44-height: var(--nutui-button-44-height, 44px) !default;
+$button-44-padding: var(--nutui-button-44-padding, 0px 16px) !default;
+$button-44-font-size: var(
+  --nutui-button-44-font-size,
+  var(--nutui-font-size-15)
+) !default;
+$button-44-border-radius: var(
+  --nutui-button-44-border-radius,
+  $radius-base
+) !default;
+
+
 $button-large-width: var(--nutui-button-large-width, auto) !default;
 $button-large-height: var(--nutui-button-large-height, 44px) !default;
 $button-large-padding: var(
@@ -296,6 +350,18 @@ $button-large-border-radius: var(
   $radius-s
 ) !default;
 
+$button-36-height: var(--nutui-button-36-height, 36px) !default;
+$button-36-padding: var(--nutui-button-36-padding, 0px 12px) !default;
+$button-36-font-size: var(
+  --nutui-button-36-font-size,
+  var(--nutui-font-size-14)
+) !default;
+$button-36-border-radius: var(
+  --nutui-button-36-border-radius,
+  $radius-base
+) !default;
+
+
 $button-small-font-size: var(
   --nutui-button-small-font-size,
   $font-size-base
@@ -337,6 +403,10 @@ $button-primary-disabled: var(
   --nutui-button-primary-disabled,
   $color-primary-disabled-special
 ) !default;
+$button-primary-pressed: var(
+  --nutui-button-primary-pressed,
+  $color-primary-pressed
+) !default;
 
 $button-success-color: var(
   --nutui-button-success-color,
@@ -354,6 +424,10 @@ $button-success-disabled: var(
   --nutui-button-success-disabled,
   $color-success-disabled
 ) !default;
+$button-success-pressed: var(
+  --nutui-button-success-pressed,
+  $color-success-pressed
+) !default;
 
 $button-info-color: var(--nutui-button-info-color, $color-text-dark) !default;
 $button-info-border-color: var(
@@ -368,6 +442,10 @@ $button-info-disabled: var(
   --nutui-button-info-disabled,
   $color-info-disabled
 ) !default;
+$button-info-pressed: var(
+  --nutui-button-info-pressed,
+  $color-info-pressed
+) !default;
 
 $button-warning-color: var(
   --nutui-button-warning-color,
@@ -385,6 +463,10 @@ $button-warning-disabled: var(
   --nutui-button-warning-disabled,
   $color-warning-disabled
 ) !default;
+$button-warning-pressed: var(
+  --nutui-button-warning-pressed,
+  $color-warning-pressed
+) !default;
 
 $button-danger-color: var(
   --nutui-button-danger-color,
@@ -402,6 +484,45 @@ $button-danger-disabled: var(
   --nutui-button-danger-disabled,
   $color-danger-disabled
 ) !default;
+$button-danger-pressed: var(
+  --nutui-button-danger-pressed,
+  $color-danger-pressed
+) !default;
+
+$button-service-color: var(
+  --nutui-button-service-color,
+  $color-service-text
+) !default;
+$button-service-border-color: var(
+  --nutui-button-service-border-color,
+  $color-service-border
+) !default;
+$button-service-background-color: var(
+  --nutui-button-service-background-color,
+  $color-service-btn-bg
+) !default;
+$button-service-disabled: var(
+  --nutui-button-service-disabled,
+  $color-service-btn-bg-disabled
+) !default;
+$button-service-pressed: var(
+  --nutui-button-service-pressed,
+  $color-service-btn-bg-pressed
+) !default;
+
+$button-primary-light-color: var(
+  --nutui-button-primary-light-color,
+  $button-primary-background-color
+) !default;
+$button-primary-light-background-color: var(
+  --nutui-button-primary-light-background-color,
+  rgba(250, 44, 25, 0.1)
+) !default;
+$button-primary-light-border-color: var(
+  --nutui-button-primary-light-border-color,
+  transparent
+) !default;
+
 
 $button-text-icon-margin: var(--nutui-button-text-icon-margin, 4px) !default;
 
@@ -684,10 +805,12 @@ $inputnumber-button-border-radius: var(
   --nutui-inputnumber-button-border-radius,
   $radius-xxs
 ) !default;
+$inputnumber-divider-width: var(--nutui-inputnumber-divider-width, 1px) !default;
 $inputnumber-button-background-color: var(
   --nutui-inputnumber-button-background-color,
   $color-background
 ) !default;
+$inputnumber-input-font-family: var(--nutui-inputnumber-input-font-family, JDZH) !default;
 $inputnumber-icon-color: var(
   --nutui-inputnumber-icon-color,
   $color-text
@@ -1221,6 +1344,8 @@ $rate-icon-inactive-color: var(
 $rate-icon-size: var(--nutui-rate-icon-size, 12px) !default;
 $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
 $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
+$rate-font-size-large: var(--nutui-rate-font-size-large, calc(#{$rate-font-size} + 6px)) !default;
+$rate-font-size-small: var(--nutui-rate-font-size-small, calc(#{$rate-font-size} - 2px)) !default;
 
 // tabbar（✅）
 $tabbar-height: var(--nutui-tabbar-height, 50px) !default;
@@ -2721,3 +2846,44 @@ $resultpage-actions-margin-top: var(
   --nutui-resultpage-actions-margin-top,
   21px
 ) !default;
+
+// quickenter
+$quickenter-bg-color: var(--nutui-quickenter-bg-color, #f5f5f5) !default;
+$quickenter-max-height: var(--nutui-quickenter-max-height, 256px) !default;
+$quickenter-title-font-size: var(
+  --nutui-quickenter-title-font-size,
+  $font-size-base
+) !default;
+$quickenter-title-color: var(
+  --nutui-quickenter-title-color,
+  $color-title
+) !default;
+$quickenter-item-title-font-size: var(
+  --nutui-quickenter-item-title-font-size,
+  $font-size-s
+) !default;
+$quickenter-item-title-color: var(
+  --nutui-quickenter-item-title-color,
+  $color-title
+) !default;
+$quickenter-item-icon-bg-color: var(
+  --nutui-quickenter-item-icon-bg-color,
+  $white
+) !default;
+$quickenter-item-icon-color: var(
+  --nutui-quickenter-item-icon-color,
+  $color-title
+) !default;
+$quickenter-close-icon-size: var(
+  --nutui-quickenter-close-icon-size,
+  12px
+) !default;
+$quickenter-close-icon-color: var(
+  --nutui-quickenter-close-icon-color,
+  #808080
+) !default;
+$quickenter-box-shadow: var(
+  --nutui-quickenter-box-shadow,
+  0px 8px 16px rgba(141, 153, 167, 0.2),
+  0px -0.5px 0px rgba(0, 0, 0, 0.05) inset
+) !default;

package/dist/styles/variables-jrkf.scss

@@ -24,14 +24,10 @@ $color-primary-icon-disabled: var(
   --nutui-color-primary-icon-disabled,
   #dadce0
 ) !default;
-$color-primary-specialdisabled: var(
-  --nutui-color-primary-specialdisabled,
-  #ffadbe
-) !default;
 
 // 默认
 $color-default: var(--nutui-color-default) !default;
-$color-default-pressed: var(--nutui-color-default-pressed) !default;
+$color-default-pressed: var(--nutui-color-default-pressed, #e6e6e6) !default;
 $color-default-light: var(--nutui-color-default-light) !default;
 $color-default-disabled: var(--nutui-color-default-disabled) !default;
 // 信息
@@ -64,6 +60,16 @@ $color-danger-disabled: var(--nutui-color-danger-disabled) !default;
 $color-danger-light: var(--nutui-color-danger-light) !default;
 $color-danger-background: var(--nutui-color-danger-background) !default;
 
+// 业务/服务色
+$color-service: var(--nutui-color-service, #fff4e0) !default;
+$color-service-pressed: var(--nutui-color-service-pressed, #f2ba79) !default;
+$color-service-border: var(--nutui-color-service-border, #ccb9ab) !default;
+$color-service-text: var(--nutui-color-service-text, #80512d) !default;
+$color-service-btn-bg: var(--nutui-color-service-btn-bg, #ffe6c2) !default;
+$color-service-btn-bg-pressed: var(--nutui-color-service-btn-bg-pressed, #ffddad) !default;
+$color-service-btn-bg-disabled: var(--nutui-color-service-btn-bg-disabled, #fff4e8) !default;
+
+
 // 中性
 $color-dark: var(--nutui-color-dark) !default; // 分隔线
 $color-light: var(--nutui-color-light) !default; // 输入框、头像边框等
@@ -129,9 +135,6 @@ $font-weight: var(--nutui-font-weight) !default;
 $font-weight-medium: var(--nutui-font-weight-medium, 500) !default;
 $font-weight-bold: var(--nutui-font-weight-bold) !default;
 
-// 行高
-$line-height-base: var(--nutui-line-height) !default;
-
 // 间距 space
 $spacing-xxxs: var(--nutui-spacing-xxxs, 2px) !default;
 $spacing-xxs: var(--nutui-spacing-xxs) !default; // 多用于文本与图标之间的间距
@@ -205,16 +208,51 @@ $font-family:
   SimSun,
   sans-serif !default;
 
-// Font
+// Font（token 与 variables.scss 对齐；回落为 px / 设计 token，不经 scale 函数）
 $font-size-xxxs: var(--nutui-font-size-xxxs, 9px) !default;
 $font-size-xxs: $font-text-mini !default;
 $font-size-xs: $font-text-xs !default;
 $font-size-s: $font-text-small !default;
+$font-size-m: var(--nutui-font-size-m, $font-text-small) !default;
 $font-size-base: $font-text !default;
 $font-size-l: $font-text-large !default;
+$font-size-md: var(--nutui-font-size-md, 16px) !default;
+$font-size-icon: var(--nutui-font-size-icon, 16px) !default;
 $font-size-xl: $font-h2 !default;
+$font-size-2xl: var(--nutui-font-size-2xl, 20px) !default;
 $font-size-xxl: var(--nutui-font-size-8) !default;
 $font-size-xxxl: var(--nutui-font-size-10) !default;
+$font-size-xxxxl: var(--nutui-font-size-11, 28px) !default;
+
+// 行高（与同档字号等值；不经 scale）
+$line-height-xxxs: var(--nutui-line-height-xxxs, $font-size-xxxs) !default;
+$line-height-xxs: var(--nutui-line-height-xxs, $font-size-xxs) !default;
+$line-height-xs: var(--nutui-line-height-xs, $font-size-xs) !default;
+$line-height-s: var(--nutui-line-height-s, $font-size-s) !default;
+$line-height-m: var(--nutui-line-height-m, $font-size-m) !default;
+$line-height-base: var(--nutui-line-height-base, var(--nutui-line-height, $font-size-base)) !default;
+$line-height-l: var(--nutui-line-height-l, $font-size-l) !default;
+$line-height-md: var(--nutui-line-height-md, $font-size-md) !default;
+$line-height-icon: var(--nutui-line-height-icon, $font-size-icon) !default;
+$line-height-xl: var(--nutui-line-height-xl, $font-size-xl) !default;
+$line-height-2xl: var(--nutui-line-height-2xl, $font-size-2xl) !default;
+$line-height-xxl: var(--nutui-line-height-xxl, $font-size-xxl) !default;
+$line-height-xxxl: var(--nutui-line-height-xxxl, $font-size-xxxl) !default;
+$line-height-xxxxl: var(--nutui-line-height-xxxxl, $font-size-xxxxl) !default;
+
+// icon 尺寸（与 variables.scss 对齐；回落为 px，不经 scale-icon-px）
+$icon-size-6: var(--nutui-icon-size-6, 6px) !default;
+$icon-size-8: var(--nutui-icon-size-8, 8px) !default;
+$icon-size-10: var(--nutui-icon-size-10, 10px) !default;
+$icon-size-11: var(--nutui-icon-size-11, 11px) !default;
+$icon-size-12: var(--nutui-icon-size-12, 12px) !default;
+$icon-size-16: var(--nutui-icon-size-16, 16px) !default;
+$icon-size-18: var(--nutui-icon-size-18, 18px) !default;
+$icon-size-20: var(--nutui-icon-size-20, 20px) !default;
+$icon-size-22: var(--nutui-icon-size-22, 22px) !default;
+$icon-height: var(--nutui-icon-height, $icon-size-20) !default;
+$icon-width: var(--nutui-icon-width, $icon-size-20) !default;
+$icon-line-height: var(--nutui-icon-line-height, $icon-size-20) !default;
 
 $space-mini: $spacing-xs !default;
 $space-large: $spacing-l !default;
@@ -277,6 +315,10 @@ $button-default-disabled-color: var(
   --nutui-button-default-disabled-color,
   $color-text-disabled
 ) !default;
+$button-default-pressed: var(
+  --nutui-button-default-pressed,
+  $color-default-pressed
+) !default;
 $button-default-padding: var(
   --nutui-button-default-padding,
   0px $space-xl
@@ -297,6 +339,18 @@ $button-xlarge-font-size: var(
   $font-size-xl
 ) !default;
 
+$button-44-height: var(--nutui-button-44-height, 44px) !default;
+$button-44-padding: var(--nutui-button-44-padding, 0px 16px) !default;
+$button-44-font-size: var(
+  --nutui-button-44-font-size,
+  var(--nutui-font-size-15)
+) !default;
+$button-44-border-radius: var(
+  --nutui-button-44-border-radius,
+  $radius-base
+) !default;
+
+
 $button-large-width: var(--nutui-button-large-width, auto) !default;
 $button-large-height: var(--nutui-button-large-height, 44px) !default;
 $button-large-padding: var(
@@ -316,6 +370,18 @@ $button-large-border-radius: var(
   $radius-s
 ) !default;
 
+$button-36-height: var(--nutui-button-36-height, 36px) !default;
+$button-36-padding: var(--nutui-button-36-padding, 0px 12px) !default;
+$button-36-font-size: var(
+  --nutui-button-36-font-size,
+  var(--nutui-font-size-14)
+) !default;
+$button-36-border-radius: var(
+  --nutui-button-36-border-radius,
+  $radius-base
+) !default;
+
+
 $button-small-font-size: var(
   --nutui-button-small-font-size,
   $font-size-base
@@ -357,6 +423,10 @@ $button-primary-disabled: var(
   --nutui-button-primary-disabled,
   $color-primary-disabled
 ) !default;
+$button-primary-pressed: var(
+  --nutui-button-primary-pressed,
+  $color-primary-pressed
+) !default;
 
 $button-success-color: var(
   --nutui-button-success-color,
@@ -374,6 +444,10 @@ $button-success-disabled: var(
   --nutui-button-success-disabled,
   $color-success-disabled
 ) !default;
+$button-success-pressed: var(
+  --nutui-button-success-pressed,
+  $color-success-pressed
+) !default;
 
 $button-info-color: var(--nutui-button-info-color, $color-text-dark) !default;
 $button-info-border-color: var(
@@ -388,6 +462,10 @@ $button-info-disabled: var(
   --nutui-button-info-disabled,
   $color-info-disabled
 ) !default;
+$button-info-pressed: var(
+  --nutui-button-info-pressed,
+  $color-info-pressed
+) !default;
 
 $button-warning-color: var(
   --nutui-button-warning-color,
@@ -405,6 +483,10 @@ $button-warning-disabled: var(
   --nutui-button-warning-disabled,
   $color-warning-disabled
 ) !default;
+$button-warning-pressed: var(
+  --nutui-button-warning-pressed,
+  $color-warning-pressed
+) !default;
 
 $button-danger-color: var(
   --nutui-button-danger-color,
@@ -422,6 +504,45 @@ $button-danger-disabled: var(
   --nutui-button-danger-disabled,
   $color-danger-disabled
 ) !default;
+$button-danger-pressed: var(
+  --nutui-button-danger-pressed,
+  $color-danger-pressed
+) !default;
+
+$button-service-color: var(
+  --nutui-button-service-color,
+  $color-service-text
+) !default;
+$button-service-border-color: var(
+  --nutui-button-service-border-color,
+  $color-service-border
+) !default;
+$button-service-background-color: var(
+  --nutui-button-service-background-color,
+  $color-service-btn-bg
+) !default;
+$button-service-disabled: var(
+  --nutui-button-service-disabled,
+  $color-service-btn-bg-disabled
+) !default;
+$button-service-pressed: var(
+  --nutui-button-service-pressed,
+  $color-service-btn-bg-pressed
+) !default;
+
+$button-primary-light-color: var(
+  --nutui-button-primary-light-color,
+  $button-primary-background-color
+) !default;
+$button-primary-light-background-color: var(
+  --nutui-button-primary-light-background-color,
+  rgba(250, 44, 25, 0.1)
+) !default;
+$button-primary-light-border-color: var(
+  --nutui-button-primary-light-border-color,
+  transparent
+) !default;
+
 
 $button-text-icon-margin: var(--nutui-button-text-icon-margin, 4px) !default;
 
@@ -764,10 +885,12 @@ $inputnumber-button-border-radius: var(
   --nutui-inputnumber-button-border-radius,
   $radius-xxs
 ) !default;
+$inputnumber-divider-width: var(--nutui-inputnumber-divider-width, 1px) !default;
 $inputnumber-button-background-color: var(
   --nutui-inputnumber-button-background-color,
   $color-background
 ) !default;
+$inputnumber-input-font-family: var(--nutui-inputnumber-input-font-family, JDZH) !default;
 $inputnumber-icon-color: var(
   --nutui-inputnumber-icon-color,
   $color-text
@@ -1320,6 +1443,8 @@ $notify-background-color: var(--nutui-notify-background-color, $white) !default;
 $rate-icon-size: var(--nutui-rate-icon-size, 12px) !default;
 $rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
 $rate-font-size: var(--nutui-rate-font-size, 12px) !default;
+$rate-font-size-large: var(--nutui-rate-font-size-large, calc(#{$rate-font-size} + 6px)) !default;
+$rate-font-size-small: var(--nutui-rate-font-size-small, calc(#{$rate-font-size} - 2px)) !default;
 $rate-item-margin: var(--nutui-rate-item-margin, 14px) !default;
 $rate-icon-color: var(--nutui-rate-icon-color, $color-primary) !default;
 $rate-icon-inactive-color: var(
@@ -2775,3 +2900,44 @@ $resultpage-actions-margin-top: var(
   --nutui-resultpage-actions-margin-top,
   21px
 ) !default;
+
+// quickenter
+$quickenter-bg-color: var(--nutui-quickenter-bg-color, #f5f5f5) !default;
+$quickenter-max-height: var(--nutui-quickenter-max-height, 256px) !default;
+$quickenter-title-font-size: var(
+  --nutui-quickenter-title-font-size,
+  $font-size-base
+) !default;
+$quickenter-title-color: var(
+  --nutui-quickenter-title-color,
+  $color-title
+) !default;
+$quickenter-item-title-font-size: var(
+  --nutui-quickenter-item-title-font-size,
+  $font-size-s
+) !default;
+$quickenter-item-title-color: var(
+  --nutui-quickenter-item-title-color,
+  $color-title
+) !default;
+$quickenter-item-icon-bg-color: var(
+  --nutui-quickenter-item-icon-bg-color,
+  $white
+) !default;
+$quickenter-item-icon-color: var(
+  --nutui-quickenter-item-icon-color,
+  $color-title
+) !default;
+$quickenter-close-icon-size: var(
+  --nutui-quickenter-close-icon-size,
+  12px
+) !default;
+$quickenter-close-icon-color: var(
+  --nutui-quickenter-close-icon-color,
+  #808080
+) !default;
+$quickenter-box-shadow: var(
+  --nutui-quickenter-box-shadow,
+  0px 8px 16px rgba(141, 153, 167, 0.2),
+  0px -0.5px 0px rgba(0, 0, 0, 0.05) inset
+) !default;