diff --git a/src/packages/grid/demos/taro/demo1.tsx b/src/packages/grid/demos/taro/demo1.tsx
index 9c65b999e9..c9b5644510 100644
--- 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
index 689fc40296..e140b07e79 100644
--- 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
index 993889d031..49097b4e89 100644
--- 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
index 3a46eaff4e..080bd8bb83 100644
--- 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
index 77bf15370b..58cda619c7 100644
--- 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
index 09558f00e6..42de9da90a 100644
--- 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
index 151ce828a0..32c4dfab80 100644
--- 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
index 30e679502c..1f9033df8f 100644
--- 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
index 0e48c28d03..14422d87f6 100644
--- 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>
   )