xzy/components/uni-load-more/uni-load-more.wxml

<view class="uni-load-more">
    <view class="uni-load-more__img" hidden="{{!(status==='loading'&&showIcon)}}">
        <view class="load1">
            <view style="{{'background:'+color+';'}}"></view>
            <view style="{{'background:'+color+';'}}"></view>
            <view style="{{'background:'+color+';'}}"></view>
            <view style="{{'background:'+color+';'}}"></view>
        </view>
        <view class="load2">
            <view style="{{'background:'+color+';'}}"></view>
            <view style="{{'background:'+color+';'}}"></view>
            <view style="{{'background:'+color+';'}}"></view>
            <view style="{{'background:'+color+';'}}"></view>
        </view>
        <view class="load3">
            <view style="{{'background:'+color+';'}}"></view>
            <view style="{{'background:'+color+';'}}"></view>
            <view style="{{'background:'+color+';'}}"></view>
            <view style="{{'background:'+color+';'}}"></view>
        </view>
    </view>
    <text class="uni-load-more__text" style="{{'color:'+color+';'}}">{{status==='more'?contentText.contentdown:status==='loading'?contentText.contentrefresh:contentText.contentnomore}}</text>
</view>