style: 样式多尺寸适配

irisSong · irisSong · commit 5565d44a1b82 · 2026-05-09T19:46:53.000+08:00
diff --git a/src/packages/calendarcard/calendarcard.scss b/src/packages/calendarcard/calendarcard.scss
@@ -3,6 +3,7 @@
   border-radius: scale-px(12px);
   overflow: hidden;
   font-size: $calendar-base-font-size;
+  line-height: $calendar-base-font-size;
   color: $color-title;
 
   &-header {
diff --git a/src/packages/inputnumber/inputnumber.scss b/src/packages/inputnumber/inputnumber.scss
@@ -23,8 +23,8 @@
     height: $inputnumber-button-height;
     background-color: $inputnumber-button-background-color;
     .nut-icon {
-      --nut-icon-width: scale-px(10px);
-      --nut-icon-height: scale-px(10px);
+      width: scale-px(10px);
+      height: scale-px(10px);
     }
   }
 
@@ -66,12 +66,12 @@
   }
 
   &-icon-minus {
-    --nut-icon-width: scale-px(16px);
-    --nut-icon-height: scale-px(16px);
+    width: scale-px(16px);
+    height: scale-px(16px);
   }
 
   &-icon-plus {
-    --nut-icon-width: scale-px(16px);
-    --nut-icon-height: scale-px(16px);
+    width: scale-px(16px);
+    height: scale-px(16px);
   }
 }
diff --git a/src/packages/price/price.scss b/src/packages/price/price.scss
@@ -10,7 +10,6 @@
   &-decimal {
     color: $price-color;
     font-family: 'JDZH-Bold';
-    line-height: 1;
   }
 
   &-darkgray {
@@ -39,18 +38,22 @@
     padding-right: $price-symbol-padding-right;
     &-xlarge {
       font-size: $price-symbol-xlarge-size;
+      line-height: $price-symbol-xlarge-size;
     }
 
     &-large {
       font-size: $price-symbol-large-size;
+      line-height: $price-symbol-large-size;
     }
 
     &-normal {
       font-size: $price-symbol-normal-size;
+      line-height: $price-symbol-normal-size;
     }
 
     &-small {
       font-size: $price-symbol-small-size;
+      line-height: $price-symbol-small-size;
     }
 
     &-rtl {
@@ -62,45 +65,44 @@
   &-integer {
     &-xlarge {
       font-size: $price-integer-xlarge-size;
-      /* #ifdef dynamic */
       line-height: $price-integer-xlarge-size;
-      /* #endif */
     }
 
     &-large {
       font-size: $price-integer-large-size;
-      /* #ifdef dynamic */
       line-height: $price-integer-large-size;
-      /* #endif */
     }
 
     &-normal {
       font-size: $price-integer-normal-size;
-      /* #ifdef dynamic */
       line-height: $price-integer-normal-size;
-      /* #endif */
     }
 
     &-small {
       font-size: $price-integer-small-size;
+      line-height: $price-integer-small-size;
     }
   }
 
   &-decimal {
     &-xlarge {
       font-size: $price-decimal-xlarge-size;
+      line-height: $price-decimal-xlarge-size;
     }
 
     &-large {
       font-size: $price-decimal-large-size;
+      line-height: $price-decimal-large-size;
     }
 
     &-normal {
       font-size: $price-decimal-normal-size;
+      line-height: $price-decimal-normal-size;
     }
 
     &-small {
       font-size: $price-decimal-small-size;
+      line-height: $price-decimal-small-size;
     }
   }
 
diff --git a/src/packages/rate/rate.scss b/src/packages/rate/rate.scss
@@ -106,20 +106,22 @@
     align-items: center;
     color: $rate-font-color;
     font-family: 'JDZH-Regular';
-    line-height: 1;
 
     &-normal {
       padding-left: $rate-item-margin;
       font-size: $rate-font-size;
+      line-height: $rate-font-size;
     }
 
     &-large {
       font-size: calc($rate-font-size + scale-font-px(6px));
+      line-height: calc($rate-font-size + scale-font-px(6px));
       padding-left: calc($rate-item-margin * 2);
     }
 
     &-small {
       font-size: calc($rate-font-size - scale-font-px(2px));
+      line-height: calc($rate-font-size - scale-font-px(2px));
       padding-left: calc($rate-item-margin / 2);
     }
 
diff --git a/src/packages/segmented/segmented.scss b/src/packages/segmented/segmented.scss
@@ -23,7 +23,7 @@
   border-radius: $segmented-item-radius;
   color: $segmented-item-color;
   font-size: $segmented-item-fontsize;
-  line-height: 1;
+  line-height: $segmented-item-fontsize;
   box-sizing: border-box;
 }
 
diff --git a/src/packages/shortpassword/shortpassword.scss b/src/packages/shortpassword/shortpassword.scss
@@ -10,7 +10,7 @@
   &-title {
     display: flex;
     justify-content: center;
-    line-height: 1;
+    line-height: $font-size-l;
     font-size: $font-size-l;
     color: $color-title;
   }
@@ -20,7 +20,7 @@
     justify-content: center;
     margin-top: scale-px(12px);
     margin-bottom: scale-px(24px);
-    line-height: 1;
+    line-height: $font-size-s;
     font-size: $font-size-s;
     color: $color-text;
   }
@@ -85,13 +85,13 @@
     width: scale-px(247px);
 
     &-error {
-      line-height: 1;
+      line-height: $font-size-xs;
       font-size: $font-size-xs;
       color: $shortpassword-error;
     }
 
     &-forget {
-      line-height: 1;
+      line-height: $font-size-s;
       font-size: $font-size-s;
       color: $shortpassword-forget;
       display: flex;
@@ -113,7 +113,7 @@
       border: scale-px(1px) solid $color-primary;
       border-radius: scale-px(15px);
       padding: scale-px(8px) scale-px(38px);
-      line-height: 1;
+      line-height: $font-size-base;
       font-size: $font-size-base;
       color: $color-primary;
     }
@@ -126,7 +126,7 @@
       );
       border-radius: scale-px(15px);
       padding: scale-px(8px) scale-px(38px);
-      line-height: 1;
+      line-height: $font-size-base;
       font-size: $font-size-base;
       color: $color-primary-text;
     }
diff --git a/src/packages/tour/tour.scss b/src/packages/tour/tour.scss
@@ -29,8 +29,8 @@
       text-align: end;
 
       &-close {
-        --nut-icon-width: scale-px(10px);
-        --nut-icon-height: scale-px(10px);
+        width: scale-px(10px);
+        height: scale-px(10px);
       }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -23,8 +23,8 @@`
`23`	`23`	`height: $inputnumber-button-height;`
`24`	`24`	`background-color: $inputnumber-button-background-color;`
`25`	`25`	`.nut-icon {`
`26`		`- --nut-icon-width: scale-px(10px);`
`27`		`- --nut-icon-height: scale-px(10px);`
	`26`	`+ width: scale-px(10px);`
	`27`	`+ height: scale-px(10px);`
`28`	`28`	`}`
`29`	`29`	`}`
`30`	`30`
`@@ -66,12 +66,12 @@`
`66`	`66`	`}`
`67`	`67`
`68`	`68`	`&-icon-minus {`
`69`		`- --nut-icon-width: scale-px(16px);`
`70`		`- --nut-icon-height: scale-px(16px);`
	`69`	`+ width: scale-px(16px);`
	`70`	`+ height: scale-px(16px);`
`71`	`71`	`}`
`72`	`72`
`73`	`73`	`&-icon-plus {`
`74`		`- --nut-icon-width: scale-px(16px);`
`75`		`- --nut-icon-height: scale-px(16px);`
	`74`	`+ width: scale-px(16px);`
	`75`	`+ height: scale-px(16px);`
`76`	`76`	`}`
`77`	`77`	`}`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,6 @@`
`10`	`10`	`&-decimal {`
`11`	`11`	`color: $price-color;`
`12`	`12`	`font-family: 'JDZH-Bold';`
`13`		`- line-height: 1;`
`14`	`13`	`}`
`15`	`14`
`16`	`15`	`&-darkgray {`
`@@ -39,18 +38,22 @@`
`39`	`38`	`padding-right: $price-symbol-padding-right;`
`40`	`39`	`&-xlarge {`
`41`	`40`	`font-size: $price-symbol-xlarge-size;`
	`41`	`+ line-height: $price-symbol-xlarge-size;`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`&-large {`
`45`	`45`	`font-size: $price-symbol-large-size;`
	`46`	`+ line-height: $price-symbol-large-size;`
`46`	`47`	`}`
`47`	`48`
`48`	`49`	`&-normal {`
`49`	`50`	`font-size: $price-symbol-normal-size;`
	`51`	`+ line-height: $price-symbol-normal-size;`
`50`	`52`	`}`
`51`	`53`
`52`	`54`	`&-small {`
`53`	`55`	`font-size: $price-symbol-small-size;`
	`56`	`+ line-height: $price-symbol-small-size;`
`54`	`57`	`}`
`55`	`58`
`56`	`59`	`&-rtl {`
`@@ -62,45 +65,44 @@`
`62`	`65`	`&-integer {`
`63`	`66`	`&-xlarge {`
`64`	`67`	`font-size: $price-integer-xlarge-size;`
`65`		`- /* #ifdef dynamic */`
`66`	`68`	`line-height: $price-integer-xlarge-size;`
`67`		`- /* #endif */`
`68`	`69`	`}`
`69`	`70`
`70`	`71`	`&-large {`
`71`	`72`	`font-size: $price-integer-large-size;`
`72`		`- /* #ifdef dynamic */`
`73`	`73`	`line-height: $price-integer-large-size;`
`74`		`- /* #endif */`
`75`	`74`	`}`
`76`	`75`
`77`	`76`	`&-normal {`
`78`	`77`	`font-size: $price-integer-normal-size;`
`79`		`- /* #ifdef dynamic */`
`80`	`78`	`line-height: $price-integer-normal-size;`
`81`		`- /* #endif */`
`82`	`79`	`}`
`83`	`80`
`84`	`81`	`&-small {`
`85`	`82`	`font-size: $price-integer-small-size;`
	`83`	`+ line-height: $price-integer-small-size;`
`86`	`84`	`}`
`87`	`85`	`}`
`88`	`86`
`89`	`87`	`&-decimal {`
`90`	`88`	`&-xlarge {`
`91`	`89`	`font-size: $price-decimal-xlarge-size;`
	`90`	`+ line-height: $price-decimal-xlarge-size;`
`92`	`91`	`}`
`93`	`92`
`94`	`93`	`&-large {`
`95`	`94`	`font-size: $price-decimal-large-size;`
	`95`	`+ line-height: $price-decimal-large-size;`
`96`	`96`	`}`
`97`	`97`
`98`	`98`	`&-normal {`
`99`	`99`	`font-size: $price-decimal-normal-size;`
	`100`	`+ line-height: $price-decimal-normal-size;`
`100`	`101`	`}`
`101`	`102`
`102`	`103`	`&-small {`
`103`	`104`	`font-size: $price-decimal-small-size;`
	`105`	`+ line-height: $price-decimal-small-size;`
`104`	`106`	`}`
`105`	`107`	`}`
`106`	`108`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@`
`23`	`23`	`border-radius: $segmented-item-radius;`
`24`	`24`	`color: $segmented-item-color;`
`25`	`25`	`font-size: $segmented-item-fontsize;`
`26`		`- line-height: 1;`
	`26`	`+ line-height: $segmented-item-fontsize;`
`27`	`27`	`box-sizing: border-box;`
`28`	`28`	`}`
`29`	`29`
Original file line number	Diff line number	Diff line change
`@@ -29,8 +29,8 @@`
`29`	`29`	`text-align: end;`
`30`	`30`
`31`	`31`	`&-close {`
`32`		`- --nut-icon-width: scale-px(10px);`
`33`		`- --nut-icon-height: scale-px(10px);`
	`32`	`+ width: scale-px(10px);`
	`33`	`+ height: scale-px(10px);`
`34`	`34`	`}`
`35`	`35`	`}`
`36`	`36`