Footer

Footer用于实现页脚，Copyright。 由于没有涉到 api 这些，因此就直接上示例代码了。

  1.  <div class="page">
  2.     <div class="weui-footer">
  3.       <div class="weui-footer__text">Copyright © 2008-2018 weui.io</div>
  4.     </div>
  6.     <div class="weui-footer">
  7.       <div class="weui-footer__links">
  8.         <navigator url="" class="weui-footer__link">底部链接</navigator>
  9.       </div>
  10.       <div class="weui-footer__text">Copyright © 2008-2018 weui.io</div>
  11.     </div>
  13.     <div class="weui-footer">
  14.       <div class="weui-footer__links">
  15.         <navigator url="" class="weui-footer__link">底部链接</navigator>
  16.         <navigator url="" class="weui-footer__link">底部链接</navigator>
  17.       </div>
  18.       <div class="weui-footer__text">Copyright © 2008-2018 weui.io</div>
  19.     </div>
  21.     <div class="weui-footer weui-footer_fixed-bottom">
  22.       <div class="weui-footer__links">
  23.         <navigator url="" class="weui-footer__link">WeUI首页</navigator>
  24.       </div>
  25.       <div class="weui-footer__text">Copyright © 2008-2018 weui.io</div>
  26.     </div>
  27. </div>

从示例代码可以看出，如果只是需要单纯的底部文字样式,加上weui-footer__text即可，如果链接需要跳转的话，则需要加上weui-footer__link并使用navigator组件，如果是需要固定在底部的 copyright,加上weui-footer_fixed-bottom即可达到目的。

效果

footer01