Footer

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

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

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

效果

footer01