index.uvue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <uni-navbar-lite :showLeft=false title="工分"></uni-navbar-lite>
  3. <view class="page-container">
  4. <!-- 背景图 -->
  5. <image class="bg-image" src="/static/images/profile/1.png" mode="widthFix"></image>
  6. <view style="flex-grow: 1;">
  7. <view style="justify-content: center;align-items: center;">
  8. <text class="view-title">工分模块开发中......</text>
  9. </view>
  10. </view>
  11. <!-- 底部 TabBar -->
  12. <custom-tabbar :current="2" />
  13. </view>
  14. </template>
  15. <script setup lang="uts">
  16. import { ref, onMounted } from 'vue'
  17. import { getUserInfo } from '../../utils/storage'
  18. // @ts-ignore
  19. import manifest from '@/manifest.json'
  20. // 初始化
  21. onMounted(() => {
  22. })
  23. </script>
  24. <style lang="scss">
  25. .page-container {
  26. position: relative;
  27. flex: 1;
  28. background: #f5f8fb;
  29. padding-top: env(safe-area-inset-top);
  30. }
  31. .bg-image {
  32. position: absolute;
  33. top: 0;
  34. left: 0;
  35. width: 100%;
  36. height: 100%;
  37. z-index: 0;
  38. }
  39. .view-title{
  40. padding-top: 10px;
  41. color:#fff;
  42. }
  43. </style>