You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
688 B
35 lines
688 B
/*
|
|
* 骨架屏
|
|
*/
|
|
import React from 'react'
|
|
import { View } from '@tarojs/components'
|
|
import './index.scss'
|
|
|
|
export default function Skeleton(props) {
|
|
const { length } = props
|
|
|
|
const render = () => {
|
|
let node = []
|
|
for (let i = 0; i < length; i++) {
|
|
node.push(
|
|
<View className='skeleton'>
|
|
<View className='ul'>
|
|
<View className='li' />
|
|
<View className='li' />
|
|
<View className='li' />
|
|
<View className='li' />
|
|
<View className='li' />
|
|
<View className='li' />
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|
|
return node
|
|
}
|
|
|
|
return (
|
|
<View>
|
|
{render()}
|
|
</View>
|
|
)
|
|
}
|
|
|