skeleton.wxml 1.2 KB

1
  1. <block wx:if="{{show}}"><view style="{{'width:'+('100vw')+';'+('height:'+('100vh')+';')+('background-color:'+(bgcolor)+';')+('position:'+('absolute')+';')+('left:'+(0)+';')+('top:'+(0)+';')+('z-index:'+(9998)+';')}}"><block wx:for="{{skeletonRectLists}}" wx:for-item="item" wx:for-index="rect_idx"><view class="{{[loading=='chiaroscuro'?'chiaroscuro':'']}}" style="{{'width:'+(item.width*2+'rpx')+';'+('height:'+(item.height*2+'rpx')+';')+('background-color:'+('rgb(194, 207, 214,.3)')+';')+('position:'+('absolute')+';')+('left:'+(item.left*2+'rpx')+';')+('top:'+(item.top*2+'rpx')+';')}}"></view></block><block wx:for="{{skeletonCircleLists}}" wx:for-item="item" wx:for-index="circle_idx"><view class="{{[loading=='chiaroscuro'?'chiaroscuro':'']}}" style="{{'width:'+(item.width*2+'rpx')+';'+('height:'+(item.height*2+'rpx')+';')+('background-color:'+('rgb(194, 207, 214,.3)')+';')+('border-radius:'+(item.width*2+'rpx')+';')+('position:'+('absolute')+';')+('left:'+(item.left*2+'rpx')+';')+('top:'+(item.top*2+'rpx')+';')+('z-index:'+(9998)+';')}}"></view></block><block wx:if="{{loading=='spin'}}"><view class="spinbox"><view class="spin"></view></view></block></view></block>