File tree Expand file tree Collapse file tree 9 files changed +15
-47
lines changed
src/packages/grid/demos/taro Expand file tree Collapse file tree 9 files changed +15
-47
lines changed Original file line number Diff line number Diff line change 11import React from 'react'
22import { Grid } from '@nutui/nutui-react-taro'
3- // import { Image } from '@nutui/icons-react-taro'
4- import { Text } from '@tarojs/components'
5-
6- const Image = ( ) => < Text > T</ Text >
3+ import { Image } from '@nutui/icons-react-taro'
74
85const Demo1 = ( ) => {
96 return (
Original file line number Diff line number Diff line change 11import React from 'react'
22import { Grid } from '@nutui/nutui-react-taro'
3- // import { Image } from '@nutui/icons-react-taro'
3+ import { Image } from '@nutui/icons-react-taro'
44import Taro from '@tarojs/taro'
5- import { Text } from '@tarojs/components'
6-
7- const Image = ( ) => < Text > T</ Text >
85
96const Demo10 = ( ) => {
107 const onClick = ( item : any , index : number ) => {
Original file line number Diff line number Diff line change 11import React from 'react'
22import { Grid } from '@nutui/nutui-react-taro'
3- // import { Image } from '@nutui/icons-react-taro'
4- import { Text } from '@tarojs/components'
5-
6- const Image = ( ) => < Text > T</ Text >
3+ import { Image } from '@nutui/icons-react-taro'
74
85const Demo2 = ( ) => {
96 return (
Original file line number Diff line number Diff line change 11import React from 'react'
22import { Grid } from '@nutui/nutui-react-taro'
3- // import { Image } from '@nutui/icons-react-taro'
4- import { Text } from '@tarojs/components'
5-
6- const Image = ( ) => < Text > T</ Text >
3+ import { Image } from '@nutui/icons-react-taro'
74
85const Demo3 = ( ) => {
96 return (
Original file line number Diff line number Diff line change 11import React from 'react'
22import { Grid } from '@nutui/nutui-react-taro'
3- // import { Image } from '@nutui/icons-react-taro'
4- import { Text } from '@tarojs/components'
5-
6- const Image = ( ) => < Text > T</ Text >
3+ import { Image } from '@nutui/icons-react-taro'
74
85const Demo4 = ( ) => {
96 return (
Original file line number Diff line number Diff line change 11import React from 'react'
22import { Grid } from '@nutui/nutui-react-taro'
3- // import { Image } from '@nutui/icons-react-taro'
4- import { Text } from '@tarojs/components'
3+ import { Image } from '@nutui/icons-react-taro'
54import pxTransform from '@/utils/px-transform'
65
7- const Image = ( ) => < Text > T</ Text >
8-
96const Demo5 = ( ) => {
107 const style = { height : pxTransform ( 100 ) }
118 return (
Original file line number Diff line number Diff line change 11import React from 'react'
22import { Grid } from '@nutui/nutui-react-taro'
3- // import { Image } from '@nutui/icons-react-taro'
4- import { Text } from '@tarojs/components'
5-
6- const Image = ( ) => < Text > T</ Text >
3+ import { Image } from '@nutui/icons-react-taro'
74
85const Demo6 = ( ) => {
96 return (
Original file line number Diff line number Diff line change 11import React from 'react'
22import { Grid } from '@nutui/nutui-react-taro'
3- // import { Image } from '@nutui/icons-react-taro'
4- import { Text } from '@tarojs/components'
5-
6- const Image = ( ) => < Text > T</ Text >
3+ import { Image } from '@nutui/icons-react-taro'
74
85const Demo7 = ( ) => {
96 return (
Original file line number Diff line number Diff line change 11import React from 'react'
22import { Grid } from '@nutui/nutui-react-taro'
3- // import { Image } from '@nutui/icons-react-taro'
4- import { Text } from '@tarojs/components'
5- import pxTransform from '@/utils/px-transform'
3+ import { Image } from '@nutui/icons-react-taro'
64
75const Demo8 = ( ) => {
86 return (
97 < Grid columns = "3" >
108 < Grid . Item text = "文字" >
11- { /* <Image size={16} /> */ }
12- < Text style = { { fontSize : pxTransform ( 16 ) } } > T</ Text >
9+ < Image size = { 16 } />
1310 </ Grid . Item >
1411 < Grid . Item text = "文字" >
15- { /* <Image color="red" /> */ }
16- < Text style = { { color : 'red' } } > T</ Text >
12+ < Image color = "red" />
1713 </ Grid . Item >
1814 < Grid . Item text = "文字" >
19- { /* <Image size={30} color="#478EF2" /> */ }
20- < Text style = { { color : '#478EF2' , fontSize : pxTransform ( 30 ) } } > T</ Text >
15+ < Image size = { 30 } color = "#478EF2" />
2116 </ Grid . Item >
2217 < Grid . Item text = "文字" >
23- { /* <Image size={16} /> */ }
24- < Text style = { { fontSize : pxTransform ( 16 ) } } > T</ Text >
18+ < Image size = { 16 } />
2519 </ Grid . Item >
2620 < Grid . Item text = "文字" >
27- { /* <Image color="red" /> */ }
28- < Text style = { { color : 'red' } } > T</ Text >
21+ < Image color = "red" />
2922 </ Grid . Item >
3023 < Grid . Item text = "文字" >
31- { /* <Image size={30} color="#478EF2" /> */ }
32- < Text style = { { color : '#478EF2' , fontSize : pxTransform ( 30 ) } } > T</ Text >
24+ < Image size = { 30 } color = "#478EF2" />
3325 </ Grid . Item >
3426 </ Grid >
3527 )
You can’t perform that action at this time.
0 commit comments