微信小程序weui在线入门教程-WeUi基础组件-footer页脚

冷不防 2024-02-19 15:49 59阅读 0赞

### 效果图 ###

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

> wxml代码

<view class="page">
    
      <view class="page__hd">
    
        <view class="page__title">Footer</view>
    
        <view class="page__desc">页脚</view>
    
      </view>
    
      <view class="page__bd page__bd_spacing">
    
        <view class="weui-footer">
    
          <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view>
    
        </view>
    
     
    
     
    
        <view class="weui-footer">
    
          <view class="weui-footer__links">
    
            <navigator url="" class="weui-footer__link">底部链接</navigator>
    
          </view>
    
          <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view>
    
        </view>
    
     
    
     
    
        <view class="weui-footer">
    
          <view class="weui-footer__links">
    
            <navigator url="" class="weui-footer__link">底部链接</navigator>
    
            <navigator url="" class="weui-footer__link">底部链接</navigator>
    
          </view>
    
          <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view>
    
        </view>
    
     
    
     
    
        <view class="weui-footer weui-footer_fixed-bottom">
    
          <view class="weui-footer__links">
    
            <navigator url="" class="weui-footer__link">WeUI首页</navigator>
    
          </view>
    
          <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view>
    
        </view>
    
      </view>
    
    </view>

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

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