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

た入场券 2024-02-19 15:49 15阅读 0赞

### 效果图 ###

微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：[https://edu.csdn.net/topic/huangjuhua][https_edu.csdn.net_topic_huangjuhua]  
![微信小程序weui在线入门教程-][weui_-]

> 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界面布局设计入门到精通][-WeUI]  
![微信小程序-WeUI界面布局设计入门到精通][-WeUI 1]

[https_edu.csdn.net_topic_huangjuhua]: https://edu.csdn.net/topic/huangjuhua
[weui_-]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/8594ba890cb549308ed65d51f514ac97.png
[-WeUI]: https://ke.qq.com/course/348627?tuin=2b10d56
[-WeUI 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/378dd893a8bd4f13a9e6f0e978ec8b96.png