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