feat(color-picker): 体验优化

Tencent · Oct 21, 2024 · 6e2dc74 · 6e2dc74
1 parent 78180b0
commit 6e2dc74
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/src/color-picker/_example/color-picker.wxml b/src/color-picker/_example/color-picker.wxml
@@ -10,7 +10,7 @@
     <multiple />
   </t-demo>
 
-  <t-demo title="02 组件状态" desc="{{curFormat}} 模式">
+  <t-demo title="02 组件状态" desc="组件模式选择">
     <format />
   </t-demo>
 </view>
diff --git a/src/color-picker/_example/format/index.wxss b/src/color-picker/_example/format/index.wxss
@@ -16,6 +16,13 @@
   box-sizing: border-box;
   position: relative;
   overflow: hidden;
+
+  display: flex;
+  align-items: center;
+}
+
+.format-item.active {
+  border: 3rpx solid #0052d9;
 }
 
 .format-item.active::after {

diff --git a/src/color-picker/color-picker.less b/src/color-picker/color-picker.less
@@ -56,7 +56,9 @@
     outline: none;
     width: @color-picker-slider-thumb-size;
     height: @color-picker-slider-thumb-size;
+
     border-radius: @color-picker-border-radius-circle;
+    box-shadow: @color-picker-thumbs-shadow;
     color: @text-color-brand;
     box-sizing: border-box;