footer.wpy 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <style lang='less' scoped>
  2. .footer {
  3. position: absolute;
  4. bottom: 68rpx;
  5. left: 50%;
  6. transform: translate(-50%);
  7. .footer-content {
  8. display: flex;
  9. justify-content: center;
  10. align-items: center;
  11. }
  12. .text {
  13. font-family: PingFang SC;
  14. font-size: 28rpx;
  15. font-weight: 400;
  16. line-height: 44rpx;
  17. color: #8b949e;
  18. padding: 0 16rpx;
  19. }
  20. .footer-line {
  21. width: 40rpx;
  22. border: 2rpx;
  23. border: 2rpx solid #c4c9cf;
  24. }
  25. }
  26. </style>
  27. <!-- 个人中心 -->
  28. <template>
  29. <div class="footer">
  30. <div class="footer-content">
  31. <div class="footer-line"></div>
  32. <div class="text">小飒智控</div>
  33. <div class="footer-line"></div>
  34. </div>
  35. </div>
  36. </template>
  37. <script>
  38. import wepy from '@wepy/core'
  39. // import config from '@/config';
  40. wepy.component({
  41. name: 'Footer',
  42. props: {},
  43. data: {
  44. },
  45. computed: {},
  46. methods: {
  47. },
  48. // 生命周期 - 创建完成(可以访问当前this实例)
  49. created() {
  50. },
  51. // 生命周期 - 挂载完成(可以访问DOM元素)
  52. mounted() {
  53. }
  54. })
  55. </script>