taro-skeleton-screen

一个基于taro-skeleton做了webpack5 、Taro3.6以上版本的兼容处理

支持多端平台使用

1. 微信小程序
2. h5
3. 百度小程序
4. 头条小程序
5. 支付宝小程序

使用方式

导入组件

1import Skeleton from 'taro-skeleton-screen'

导入样式

1import 'taro-skeleton-screen/style/taroskeleton.css'

基础用法

通过title属性显示标题占位图，通过row属性配置占位段落行数

1<Skeleton title row={3} />

1<Skeleton
2  title
3  avatar
4  row={3}
5  loading={loading}
6>
7  <Text>实际内容</Text>
8</Skeleton>

1export default class Index extends Component {
2  state = {
3    loading: false
4  }
5  render () {
6    return (
7      <View className='index'>
8        <Skeleton loading={this.state.loading} title avatar row={2} action></Skeleton>
9      </View>
10    )
11  }
12}