index.vue 902 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <view class="lli-develop-expect-page">
  3. <!-- 这里状态栏 -->
  4. <view class="ezy-status-bar"></view>
  5. <view class="ezy-title-bar">
  6. <!-- 导航栏内容 -->
  7. <view class="title">页面标题</view>
  8. </view>
  9. <text class="page-content">开发中,敬请期侍!</text>
  10. <view class="bottom-word">底部文字测试!</view>
  11. </view>
  12. </template>
  13. <script>
  14. export default {
  15. data() {
  16. return {
  17. }
  18. },
  19. methods: {
  20. }
  21. }
  22. </script>
  23. <style>
  24. .ezy-title-bar {
  25. position: fixed;
  26. top: var(--status-bar-height);
  27. left: var(--window-left);
  28. right: var(--window-right);
  29. height: calc(44px + env(safe-area-inset-top));
  30. background-color: rgb(248, 248, 248);
  31. color: rgb(0, 0, 0);
  32. box-sizing: border-box;
  33. z-index: 998;
  34. display: flex;
  35. overflow: hidden;
  36. align-items: center;
  37. justify-content: center;
  38. }
  39. </style>