fix: review

oasis-cloud · oasis-cloud · commit 7a394c0c4ac8 · 2025-03-28T13:26:43.000+08:00
diff --git a/src/packages/skeleton/demos/taro/demo3.tsx b/src/packages/skeleton/demos/taro/demo3.tsx
@@ -1,12 +1,17 @@
 import React from 'react'
 import { Cell, Skeleton, Space } from '@nutui/nutui-react-taro'
+import pxTransform from '@/utils/px-transform'
 
 const Demo3 = () => {
   return (
     <Cell>
       <Space>
-        <Skeleton width={60} height={60} />
-        <Skeleton width={60} height={60} shape="circle" />
+        <Skeleton width={pxTransform(60)} height={pxTransform(60)} />
+        <Skeleton
+          width={pxTransform(60)}
+          height={pxTransform(60)}
+          shape="circle"
+        />
       </Space>
     </Cell>
   )
diff --git a/src/packages/skeleton/demos/taro/demo4.tsx b/src/packages/skeleton/demos/taro/demo4.tsx
@@ -1,20 +1,21 @@
 import React from 'react'
 import { Cell, Skeleton } from '@nutui/nutui-react-taro'
+import pxTransform from '@/utils/px-transform'
 
 const Demo4 = () => {
   return (
     <Cell>
-      <Skeleton width={132} height={132} />
+      <Skeleton width={pxTransform(132)} height={pxTransform(132)} />
       <div
         style={{
           display: 'flex',
           flexGrow: 1,
           flexDirection: 'column',
-          marginLeft: 10,
+          marginLeft: pxTransform(10),
         }}
       >
-        <Skeleton size="large" style={{ marginBottom: 5 }} />
-        <Skeleton width="30%" style={{ marginBottom: 5 }} />
+        <Skeleton size="large" style={{ marginBottom: pxTransform(5) }} />
+        <Skeleton width="30%" style={{ marginBottom: pxTransform(5) }} />
         <Skeleton width="80%" size="small" rows={3} />
       </div>
     </Cell>
diff --git a/src/packages/skeleton/demos/taro/demo5.tsx b/src/packages/skeleton/demos/taro/demo5.tsx
@@ -1,6 +1,7 @@
 import { Avatar, Cell, Skeleton, Switch } from '@nutui/nutui-react-taro'
 import React, { useState } from 'react'
 import { View, Text } from '@tarojs/components'
+import pxTransform from '@/utils/px-transform'
 
 const Demo5 = () => {
   const [checked, setChecked] = useState(false)
@@ -13,30 +14,37 @@ const Demo5 = () => {
       <Cell>
         <Switch
           onChange={(value, event) => changeStatus(value)}
-          style={{ marginBottom: 8 }}
+          style={{ marginBottom: pxTransform(8) }}
         />
       </Cell>
       <Cell>
         <View style={{ width: '100%' }}>
           <View style={{ display: 'flex' }}>
-            <Skeleton visible={checked} width={50} height={50} shape="circle">
+            <Skeleton
+              visible={checked}
+              width={pxTransform(50)}
+              height={pxTransform(50)}
+              shape="circle"
+            >
               <Avatar
                 className="nut-skeleton-content-avatar"
                 size="50"
                 src="https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png"
               />
             </Skeleton>
-            <View style={{ flex: 1, marginLeft: 8 }}>
+            <View style={{ flex: 1, marginLeft: pxTransform(8) }}>
               <Skeleton
                 visible={checked}
                 size="large"
                 width="30%"
-                style={{ marginBottom: 8 }}
+                style={{ marginBottom: pxTransform(8) }}
               >
-                <span>NutUI-React</span>
+                <View style={{ lineHeight: 1, height: pxTransform(16) }}>
+                  NutUI-React
+                </View>
               </Skeleton>
               <Skeleton visible={checked} size="small" rows={2}>
-                <Text>
+                <Text style={{ wordBreak: 'break-all' }}>
                   一套京东风格的轻量级移动端React组件库，提供丰富的基础组件和业务组件，帮助开发者快速搭建移动应用。
                 </Text>
               </Skeleton>
