Expect.vue 923 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <view class="content">
  3. <top></top>
  4. <view class="jqqd"><image src="../../static/img/xwjl.png" mode=""></image></view>
  5. <view class="font">功能开发中,敬请期待</view>
  6. <view class="bottom"><image src="../../static/img/bottom.png" mode=""></image></view>
  7. </view>
  8. </template>
  9. <script>
  10. import top from '@/components/top/top.vue';
  11. export default {
  12. comments: {
  13. top
  14. },
  15. data() {
  16. return {};
  17. }
  18. };
  19. </script>
  20. <style lang="scss">
  21. page,
  22. .content {
  23. height: 100%;
  24. // min-height: 100%;
  25. background: #000000;
  26. }
  27. .jqqd {
  28. width: 524rpx;
  29. height: 538rpx;
  30. padding-top: 250rpx;
  31. margin: 0 auto 0;
  32. image {
  33. width: 100%;
  34. height: 100%;
  35. }
  36. }
  37. .font {
  38. margin-top: 56rpx;
  39. text-align: center;
  40. font-size: 36rpx;
  41. font-family: PingFang SC;
  42. font-weight: 500;
  43. color: #ffffff;
  44. }
  45. .bottom {
  46. position: absolute;
  47. bottom: 0;
  48. width: 750rpx;
  49. height: 588rpx;
  50. image {
  51. width: 100%;
  52. height: 100%;
  53. }
  54. }
  55. </style>