fix: icon update

jdf2e · Nov 19, 2024 · afba5e4 · afba5e4
1 parent ca1776b
commit afba5e4
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 10 deletions.
diff --git a/src/packages/checkbox/demos/taro/demo1.tsx b/src/packages/checkbox/demos/taro/demo1.tsx
@@ -5,6 +5,7 @@ import { Cell, Checkbox } from '@nutui/nutui-react-taro'
 
 const Demo1 = () => {
   const [checked] = useState(false)
+  const fontSize = { fontSize: 12 }
   return (
     <>
       <Cell className="nut-cell">
@@ -23,8 +24,8 @@ const Demo1 = () => {
                 alignItems: 'center',
               }}
             >
-              <View style={{ fontSize: 12 }}>复选框</View>
-              <View style={{ color: 'gray', fontSize: 12 }}>描述信息</View>
+              <View style={fontSize}>复选框</View>
+              <View style={{ color: 'gray', ...fontSize }}>描述信息</View>
             </View>
           }
           defaultChecked={!checked}
@@ -44,8 +45,8 @@ const Demo1 = () => {
                 alignItems: 'center',
               }}
             >
-              <View style={{ fontSize: 12 }}>复选框</View>
-              <View style={{ color: 'gray', fontSize: 12 }}>描述信息</View>
+              <View style={fontSize}>复选框</View>
+              <View style={{ color: 'gray', ...fontSize }}>描述信息</View>
             </View>
           }
           defaultChecked={checked}
@@ -62,8 +63,8 @@ const Demo1 = () => {
                 alignItems: 'center',
               }}
             >
-              <View style={{ fontSize: 12 }}>复选框</View>
-              <View style={{ fontSize: 12 }}>描述信息</View>
+              <View style={fontSize}>复选框</View>
+              <View style={fontSize}>描述信息</View>
             </View>
           }
           defaultChecked={checked}

diff --git a/src/packages/checkbox/demos/taro/demo13.tsx b/src/packages/checkbox/demos/taro/demo13.tsx
@@ -30,6 +30,7 @@ const Demo13 = () => {
           ref={checkboxgroup2Ref}
           direction="horizontal"
           defaultValue={checkboxgroup2}
+          style={{ width: '50%' }}
           onChange={(value) => {
             if (value.length === 4) {
               setIndeterminate(false)
@@ -42,10 +43,18 @@ const Demo13 = () => {
             }
           }}
         >
-          <Checkbox value="1">选项</Checkbox>
-          <Checkbox value="2">选项</Checkbox>
-          <Checkbox value="3">选项</Checkbox>
-          <Checkbox value="4">选项</Checkbox>
+          <Checkbox value="1" style={{ marginBottom: 10 }}>
+            选项
+          </Checkbox>
+          <Checkbox value="2" style={{ marginBottom: 10 }}>
+            选项
+          </Checkbox>
+          <Checkbox value="3" style={{ marginBottom: 10 }}>
+            选项
+          </Checkbox>
+          <Checkbox value="4" style={{ marginBottom: 10 }}>
+            选项
+          </Checkbox>
         </Checkbox.Group>
       </Cell>
     </>

diff --git a/src/packages/checkboxgroup/checkboxgroup.scss b/src/packages/checkboxgroup/checkboxgroup.scss
@@ -31,6 +31,7 @@
 
     .nut-checkbox {
       display: inline-flex;
+      flex: 1;
       margin-right: 20px;
 
       &-button-active {