微信小程序weui在线入门教程-WeUi基础组件-loadmore加载更多

版权声明：摇亿.黄菊华 https://blog.csdn.net/u013818205/article/details/86414731

效果图

wxml代码

<view class="page">

  <view class="page__hd">

    <view class="page__title">Loadmore</view>

    <view class="page__desc">加载更多</view>

  </view>

  <view class="page__bd">

    <view class="weui-loadmore">

      <view class="weui-loading"></view>

      <view class="weui-loadmore__tips">正在加载</view>

    </view>

    <view class="weui-loadmore weui-loadmore_line">

      <view class="weui-loadmore__tips weui-loadmore__tips_in-line">暂无数据</view>

    </view>

    <view class="weui-loadmore weui-loadmore_line weui-loadmore_dot">

      <view class="weui-loadmore__tips weui-loadmore__tips_in-line weui-loadmore__tips_in-dot"></view>

    </view>

  </view>

</view>

欢迎大家学习我的视频教程：微信小程序-WeUI界面布局设计入门到精通