Tencent · slatejack · Oct 30, 2025 · Oct 30, 2025 · Oct 30, 2025 · Oct 30, 2025
diff --git a/style/mobile/components/action-sheet/_index.less b/style/mobile/components/action-sheet/_index.less
@@ -100,7 +100,7 @@
 
   &__swiper-wrap {
     margin-top: 8px;
-    padding-bottom: 24px;
+    padding-bottom: 40px;
     position: relative;
 
     .@{prefix}-swiper__pagination {

diff --git a/style/mobile/components/back-top/_var.less b/style/mobile/components/back-top/_var.less
@@ -6,7 +6,7 @@
 @back-top-half-round-width: 60px;
 @back-top-half-round-height: 40px;
 @back-top-fixed-right: @spacer;
-@back-top-fixed-bottom: @spacer-2;
+@back-top-fixed-bottom: calc(@spacer-2 + env(safe-area-inset-bottom));
 
 @back-top-round-color: var(--td-back-top-round-color, @font-gray-1);
 @back-top-round-bg-color: var(--td-back-top-round-bg-color, @font-white-1);

diff --git a/style/mobile/components/cell/_index.less b/style/mobile/components/cell/_index.less
@@ -29,7 +29,7 @@
     font-size: @cell-description-font-size;
     line-height: @cell-description-line-height;
     color: @cell-description-color;
-    margin-top: calc(@spacer / 2);
+    margin-top: calc(@spacer / 4);
   }
 
   &__note {

diff --git a/style/mobile/components/dialog/_index.less b/style/mobile/components/dialog/_index.less
@@ -36,7 +36,7 @@
 
   &__header {
     text-align: center;
-    font-weight: bold;
+    font-weight: @dialog-title-font-weight;
     font-size: @dialog-title-font-size;
     line-height: @dialog-title-line-height;
     color: @dialog-title-color;

diff --git a/style/mobile/components/dialog/_var.less b/style/mobile/components/dialog/_var.less
@@ -17,3 +17,5 @@
 
 @dialog-close-font-size: var(--td-dialog-close-font-size, 22px);
 @dialog-close-color: var(--td-dialog-close-color, @text-color-placeholder);
+
+@dialog-title-font-weight: 600;
diff --git a/style/mobile/components/divider/_index.less b/style/mobile/components/divider/_index.less
@@ -22,8 +22,8 @@
 
   &--horizontal {
     align-items: center;
-    margin-top: 10px;
-    margin-bottom: 10px;
+    margin-top: @divider-horizontal-spacer;
+    margin-bottom: @divider-horizontal-spacer;
 
     &::before,
     &::after {

diff --git a/style/mobile/components/divider/_var.less b/style/mobile/components/divider/_var.less
@@ -3,3 +3,4 @@
 @divider-content-font-size: var(--td-divider-content-font-size, 12px);
 @divider-content-line-height: var(--td-divider-content-line-height, 20px);
 @divider-content-line-style: var(--td-divider-content-line-style, solid);
+@divider-horizontal-spacer: 10px;
diff --git a/style/mobile/components/drawer/_index.less b/style/mobile/components/drawer/_index.less
@@ -39,6 +39,7 @@
       &-title {
         flex: 1;
         color: @drawer-title-color;
+        font-size: 16px;
       }
 
       &-icon {

diff --git a/style/mobile/components/grid-item/_index.less b/style/mobile/components/grid-item/_index.less
@@ -75,7 +75,10 @@
     font-size: @grid-item-text-font-size;
     line-height: @grid-item-text-line-height;
 
-    &--small,
+    &--small {
+      font-size: 10px;
+    }
+
     &--middle {
       font-size: 12px;
     }

diff --git a/style/mobile/components/input/_index.less b/style/mobile/components/input/_index.less
@@ -23,6 +23,10 @@
     align-items: start;
   }
 
+  &--password {
+    letter-spacing: 6px;
+  }
+
   &__wrap--prefix {
     display: flex;
   }
@@ -40,11 +44,11 @@
 
     .@{prefix}-input--layout-horizontal & {
       min-width: 2em;
-      max-width: var(--td-input-label-width, 5em);
+      max-width: @input-label-text-max-width;
     }
 
     .@{prefix}-input--layout-vertical & {
-      width: var(--td-input-label-width, 100%);
+      width: @input-label-text-width;
       font-size: @font-size-base;
       padding-bottom: 8px;
     }

diff --git a/style/mobile/components/input/_var.less b/style/mobile/components/input/_var.less
@@ -24,3 +24,5 @@
 @input-cursor-color: var(--td-input-cursor-color, @brand-color); // 输入框光标颜色
 
 @input-align-items: var(--td-input-align-items, center); // 内容对齐方式
+@input-label-text-width:  100%;
+@input-label-text-max-width: 5em;
diff --git a/style/mobile/components/loading/_index.less b/style/mobile/components/loading/_index.less
@@ -20,7 +20,7 @@
 
     .@{prefix}-loading__text {
       margin-left: 0;
-      margin-top: 8px;
+      margin-top: 6px;
     }
   }
 

diff --git a/style/mobile/components/navbar/_index.less b/style/mobile/components/navbar/_index.less
@@ -14,7 +14,7 @@
   }
 
   &--visible {
-    display: "";
+    display: block;
   }
 
   &--visible-animation {

diff --git a/style/mobile/components/picker/_index.less b/style/mobile/components/picker/_index.less
@@ -124,7 +124,7 @@
 
     &--active {
       color: @picker-item-active-color;
-      font-weight: 600;
+      font-weight: @picker-item-active-font-weight;
     }
 
     &--disabled {

diff --git a/style/mobile/components/picker/_var.less b/style/mobile/components/picker/_var.less
@@ -26,3 +26,5 @@
 @picker-item-color: var(--td-picker-item-color, @text-color-secondary);
 @picker-item-active-color: var(--td-picker-item-active-color, @text-color-primary);
 @picker-item-disabled-color: var(--td-picker-item-disabled-color, @text-color-disabled);
+
+@picker-item-active-font-weight: 600;
diff --git a/style/mobile/components/popover/_mixin.less b/style/mobile/components/popover/_mixin.less
@@ -3,6 +3,9 @@
     .@{prefix}-popover__content {
       margin-bottom: @popover-content-margin;
     }
+    .@{prefix}-popover__content--arrow {
+      margin-bottom: @popover-content-arrow-margin;
+    }
   }
 }
 
@@ -11,6 +14,9 @@
     .@{prefix}-popover__content {
       margin-top: @popover-content-margin;
     }
+    .@{prefix}-popover__content--arrow {
+      margin-top: @popover-content-arrow-margin;
+    }
   }
 }
 
@@ -19,6 +25,9 @@
     .@{prefix}-popover__content {
       margin-right: @popover-content-margin;
     }
+    .@{prefix}-popover__content--arrow {
+      margin-right: @popover-content-arrow-margin;
+    }
   }
 }
 
@@ -27,6 +36,9 @@
     .@{prefix}-popover__content {
       margin-left: @popover-content-margin;
     }
+    .@{prefix}-popover__content--arrow {
+      margin-left: @popover-content-arrow-margin;
+    }
   }
 }
 

diff --git a/style/mobile/components/popover/_var.less b/style/mobile/components/popover/_var.less
@@ -5,6 +5,7 @@
 @popover-arrow-height: 8px;
 @popover-content-arrow-spacer: 16px;
 @popover-content-margin: 8px;
+@popover-content-arrow-margin: 12px;
 
 @popover-content-font-size: @font-size-m;
 

diff --git a/style/mobile/components/slider/_index.less b/style/mobile/components/slider/_index.less
@@ -60,6 +60,10 @@
       transform: translate3d(-50%, -50%, 0);
     }
 
+    &--disabled {
+      background-color: @slider-dot-disabled-bg-color;
+    }
+
     &-value {
       position: relative;
       left: 50%;

diff --git a/style/mobile/components/slider/_var.less b/style/mobile/components/slider/_var.less
@@ -2,6 +2,7 @@
 @slider-bar-width: var(--td-slider-bar-width, 4px);
 @slider-bar-height: var(--td-slider-bar-height, 4px);
 @slider-dot-bg-color: var(--td-slider-dot-bg-color, #fff);
+@slider-dot-disabled-bg-color: var(--td-slider-dot-disabled-bg-color, #fff);
 @slider-dot-size: var(--td-slider-dot-size, 20px);
 @slider-dot-color: var(--td-slider-dot-color, @bg-color-secondarycontainer);
 @slider-default-color: var(--td-slider-default-color, @bg-color-secondarycomponent);

diff --git a/style/mobile/components/swiper-nav/_index.less b/style/mobile/components/swiper-nav/_index.less
@@ -43,54 +43,54 @@
 
   &--left {
     position: absolute;
-    left: 12px;
+    left: @swiper-nav-spacer;
     top: 50%;
     transform: translateY(-50%);
   }
 
   &--right {
     position: absolute;
-    right: 12px;
+    right: @swiper-nav-spacer;
     top: 50%;
     transform: translateY(-50%);
   }
 
   &--top-left {
     position: absolute;
-    top: 12px;
-    left: 12px;
+    top: @swiper-nav-spacer;
+    left: @swiper-nav-spacer;
   }
 
   &--top {
     position: absolute;
     left: 50%;
-    top: 12px;
+    top: @swiper-nav-spacer;
     transform: translateX(-50%);
   }
 
   &--top-right {
     position: absolute;
-    top: 12px;
-    right: 12px;
+    top: @swiper-nav-spacer;
+    right: @swiper-nav-spacer;
   }
 
   &--bottom-left {
     position: absolute;
-    left: 12px;
-    bottom: 12px;
+    left: @swiper-nav-spacer;
+    bottom: @swiper-nav-spacer;
   }
 
   &--bottom {
     position: absolute;
     left: 50%;
-    bottom: 12px;
+    bottom: @swiper-nav-spacer;
     transform: translateX(-50%);
   }
 
   &--bottom-right {
     position: absolute;
-    right: 12px;
-    bottom: 12px;
+    right: @swiper-nav-spacer;
+    bottom: @swiper-nav-spacer;
   }
 
   &--vertical {

diff --git a/style/mobile/components/swiper-nav/_var.less b/style/mobile/components/swiper-nav/_var.less
@@ -16,3 +16,5 @@
 @swiper-nav-btn-color: var(--td-swiper-nav-btn-color, @font-white-1);
 @swiper-nav-btn-bg-color: var(--td-swiper-nav-btn-bg-color, @font-gray-3);
 @swiper-nav-btn-size: var(--td-swiper-nav-btn-size, 24px);
+
+@swiper-nav-spacer: 12px;
diff --git a/style/mobile/components/tree-select/_index.less b/style/mobile/components/tree-select/_index.less
@@ -31,6 +31,7 @@
     line-height: @tree-item-height;
     font-size: @tree-item-font-size;
     padding-left: 16px;
+    color: @tree-item-color;
 
     &--active {
       font-weight: 600;

diff --git a/style/mobile/components/tree-select/_var.less b/style/mobile/components/tree-select/_var.less
@@ -8,3 +8,5 @@
 @tree-item-height: var(--td-tree-item-height, 56px);
 @tree-item-font-size: var(--td-tree-item-font-size, 16px);
 @tree-colum-width: var(--td-tree-colum-width, 103px);
+
+@tree-item-color: @text-color-primary;
diff --git a/style/mobile/theme/_components.less b/style/mobile/theme/_components.less
@@ -3,9 +3,11 @@
 :root[theme-mode="light"] {
   --td-switch-dot-disabled-color: var(--td-font-white-1);
   --td-switch-loading-color: var(--td-brand-color);
+  --td-slider-dot-disabled-bg-color: var(--td-font-white-1);
 }
 
 :root[theme-mode="dark"] {
   --td-switch-dot-disabled-color: var(--td-font-white-2);
   --td-switch-loading-color: var(--td-font-white-1);
+  --td-slider-dot-disabled-bg-color: var(--td-gray-color-11);
 }
Original file line number	Diff line number	Diff line change
Expand Up		@@ -17,3 +17,5 @@

		@dialog-close-font-size: var(--td-dialog-close-font-size, 22px);
		@dialog-close-color: var(--td-dialog-close-color, @text-color-placeholder);

		@dialog-title-font-weight: 600;