Footer

页脚。

引入

  1. import { Footer } from 'we-vue'
  2. Vue.use(Footer)

例子

  1. <template>
  2. <div class="page">
  3. <w-footer class="footer-demo" text="Copyright © 2017 wevue.org"></w-footer>
  4. <w-footer class="footer-demo" text="Copyright © 2017 wevue.org" :links="links1"></w-footer>
  5. <w-footer class="footer-demo" text="Copyright © 2017 wevue.org" :links="links2"></w-footer>
  6. <w-footer class="footer-demo" text="Copyright © 2017 wevue.org" :links="links3"></w-footer>
  7. </div>
  8. </template>
  9. <script>
  10. export default {
  11. data () {
  12. return {
  13. links1: [
  14. {
  15. text: '底部链接',
  16. link: '/'
  17. }
  18. ],
  19. links2: [
  20. {
  21. text: '底部链接',
  22. link: '/footer'
  23. },
  24. {
  25. text: '底部链接',
  26. link: '/footer'
  27. }
  28. ],
  29. links3: [
  30. {
  31. text: '返回首页',
  32. link: '/'
  33. }
  34. ]
  35. }
  36. }
  37. }
  38. </script>

API

参数类型说明可选值默认值
textString页脚文字
linksArray页脚链接