feat: update icon (#2710)

jdf2e · Nov 8, 2024 · 60d5c80 · 60d5c80
1 parent d53f051
commit 60d5c80
Show file tree

Hide file tree

Showing 9 changed files with 15 additions and 47 deletions.
diff --git a/src/packages/grid/demos/taro/demo1.tsx b/src/packages/grid/demos/taro/demo1.tsx
@@ -1,9 +1,6 @@
 import React from 'react'
 import { Grid } from '@nutui/nutui-react-taro'
-// import { Image } from '@nutui/icons-react-taro'
-import { Text } from '@tarojs/components'
-
-const Image = () => <Text>T</Text>
+import { Image } from '@nutui/icons-react-taro'
 
 const Demo1 = () => {
   return (

diff --git a/src/packages/grid/demos/taro/demo10.tsx b/src/packages/grid/demos/taro/demo10.tsx
@@ -1,10 +1,7 @@
 import React from 'react'
 import { Grid } from '@nutui/nutui-react-taro'
-// import { Image } from '@nutui/icons-react-taro'
+import { Image } from '@nutui/icons-react-taro'
 import Taro from '@tarojs/taro'
-import { Text } from '@tarojs/components'
-
-const Image = () => <Text>T</Text>
 
 const Demo10 = () => {
   const onClick = (item: any, index: number) => {

diff --git a/src/packages/grid/demos/taro/demo2.tsx b/src/packages/grid/demos/taro/demo2.tsx
@@ -1,9 +1,6 @@
 import React from 'react'
 import { Grid } from '@nutui/nutui-react-taro'
-// import { Image } from '@nutui/icons-react-taro'
-import { Text } from '@tarojs/components'
-
-const Image = () => <Text>T</Text>
+import { Image } from '@nutui/icons-react-taro'
 
 const Demo2 = () => {
   return (

diff --git a/src/packages/grid/demos/taro/demo3.tsx b/src/packages/grid/demos/taro/demo3.tsx
@@ -1,9 +1,6 @@
 import React from 'react'
 import { Grid } from '@nutui/nutui-react-taro'
-// import { Image } from '@nutui/icons-react-taro'
-import { Text } from '@tarojs/components'
-
-const Image = () => <Text>T</Text>
+import { Image } from '@nutui/icons-react-taro'
 
 const Demo3 = () => {
   return (

diff --git a/src/packages/grid/demos/taro/demo4.tsx b/src/packages/grid/demos/taro/demo4.tsx
@@ -1,9 +1,6 @@
 import React from 'react'
 import { Grid } from '@nutui/nutui-react-taro'
-// import { Image } from '@nutui/icons-react-taro'
-import { Text } from '@tarojs/components'
-
-const Image = () => <Text>T</Text>
+import { Image } from '@nutui/icons-react-taro'
 
 const Demo4 = () => {
   return (

diff --git a/src/packages/grid/demos/taro/demo5.tsx b/src/packages/grid/demos/taro/demo5.tsx
@@ -1,11 +1,8 @@
 import React from 'react'
 import { Grid } from '@nutui/nutui-react-taro'
-// import { Image } from '@nutui/icons-react-taro'
-import { Text } from '@tarojs/components'
+import { Image } from '@nutui/icons-react-taro'
 import pxTransform from '@/utils/px-transform'
 
-const Image = () => <Text>T</Text>
-
 const Demo5 = () => {
   const style = { height: pxTransform(100) }
   return (

diff --git a/src/packages/grid/demos/taro/demo6.tsx b/src/packages/grid/demos/taro/demo6.tsx
@@ -1,9 +1,6 @@
 import React from 'react'
 import { Grid } from '@nutui/nutui-react-taro'
-// import { Image } from '@nutui/icons-react-taro'
-import { Text } from '@tarojs/components'
-
-const Image = () => <Text>T</Text>
+import { Image } from '@nutui/icons-react-taro'
 
 const Demo6 = () => {
   return (

diff --git a/src/packages/grid/demos/taro/demo7.tsx b/src/packages/grid/demos/taro/demo7.tsx
@@ -1,9 +1,6 @@
 import React from 'react'
 import { Grid } from '@nutui/nutui-react-taro'
-// import { Image } from '@nutui/icons-react-taro'
-import { Text } from '@tarojs/components'
-
-const Image = () => <Text>T</Text>
+import { Image } from '@nutui/icons-react-taro'
 
 const Demo7 = () => {
   return (

diff --git a/src/packages/grid/demos/taro/demo8.tsx b/src/packages/grid/demos/taro/demo8.tsx
@@ -1,35 +1,27 @@
 import React from 'react'
 import { Grid } from '@nutui/nutui-react-taro'
-// import { Image } from '@nutui/icons-react-taro'
-import { Text } from '@tarojs/components'
-import pxTransform from '@/utils/px-transform'
+import { Image } from '@nutui/icons-react-taro'
 
 const Demo8 = () => {
   return (
     <Grid columns="3">
       <Grid.Item text="文字">
-        {/* <Image size={16} /> */}
-        <Text style={{ fontSize: pxTransform(16) }}>T</Text>
+        <Image size={16} />
       </Grid.Item>
       <Grid.Item text="文字">
-        {/* <Image color="red" /> */}
-        <Text style={{ color: 'red' }}>T</Text>
+        <Image color="red" />
       </Grid.Item>
       <Grid.Item text="文字">
-        {/* <Image size={30} color="#478EF2" /> */}
-        <Text style={{ color: '#478EF2', fontSize: pxTransform(30) }}>T</Text>
+        <Image size={30} color="#478EF2" />
       </Grid.Item>
       <Grid.Item text="文字">
-        {/* <Image size={16} /> */}
-        <Text style={{ fontSize: pxTransform(16) }}>T</Text>
+        <Image size={16} />
       </Grid.Item>
       <Grid.Item text="文字">
-        {/* <Image color="red" /> */}
-        <Text style={{ color: 'red' }}>T</Text>
+        <Image color="red" />
       </Grid.Item>
       <Grid.Item text="文字">
-        {/* <Image size={30} color="#478EF2" /> */}
-        <Text style={{ color: '#478EF2', fontSize: pxTransform(30) }}>T</Text>
+        <Image size={30} color="#478EF2" />
       </Grid.Item>
     </Grid>
   )