2019-12-23 14:13:27 +08:00
|
|
|
<wxs src="../wxs/utils.wxs" module="utils" />
|
|
|
|
|
|
|
|
|
|
<view
|
|
|
|
|
wx:if="{{ loading }}"
|
|
|
|
|
class="custom-class {{ utils.bem('skeleton', [{animate}]) }}"
|
|
|
|
|
>
|
|
|
|
|
<view
|
|
|
|
|
wx:if="{{ avatar }}"
|
|
|
|
|
class="{{ utils.bem('skeleton__avatar', [avatarShape])}}"
|
|
|
|
|
style="{{ 'width:' + avatarSize + ';height:' + avatarSize }}"
|
|
|
|
|
/>
|
|
|
|
|
<view class="{{ utils.bem('skeleton__content')}}">
|
|
|
|
|
<view
|
|
|
|
|
wx:if="{{ title }}"
|
|
|
|
|
class="{{ utils.bem('skeleton__title') }}"
|
|
|
|
|
style="{{ 'width:' + titleWidth }}"
|
|
|
|
|
/>
|
|
|
|
|
<view
|
|
|
|
|
wx:for="{{ row }}"
|
|
|
|
|
wx:key="index"
|
|
|
|
|
wx:for-index="index"
|
|
|
|
|
class="{{ utils.bem('skeleton__row') }}"
|
|
|
|
|
style="{{ 'width:' + (isArray ? rowWidth[index] : rowWidth) }}"
|
|
|
|
|
/>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view wx:else class="{{ utils.bem('skeleton__content')}}">
|
|
|
|
|
<slot />
|
|
|
|
|
</view>
|
