-
Notifications
You must be signed in to change notification settings - Fork 60
/
index.tsx
35 lines (33 loc) · 1.3 KB
/
index.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import React, { useState } from 'react';
import {View, Text, Button} from '@tarojs/components';
import {Skeleton} from 'components';
export default () => {
const [isLoaded, setLoaded] = useState(false)
return (
<View>
<Button onClick={() => setLoaded(!isLoaded)}>toggle</Button>
<View className='skeleton'>
<Skeleton isLoaded={isLoaded}>
{
Array(4).fill(1).map((i, index) => (
<View className='item skeleton-bg' key={i+index}>
<View className='avatar skeleton-radius' />
<View>
<View className='title skeleton-rect'>
大多数教程把 React 称作是一个 UI 库。
</View>
<View className='title skeleton-rect'>
这是有道理的,因为 React 就是一个 UI 库。正如官网上的标语所说的那样。
</View>
<Text className='skeleton-rect'>
这是有道理的,因为 React 就是一个 UI 库。正如官网上的标语所说的那样。
</Text>
</View>
</View>
))
}
</Skeleton>
</View>
</View>
)
}