tips.vue 802 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <view class="wrap">
  3. <view class="tips">
  4. <image class="b-image" src="/static/imgs/loading_image.png" alt="" mode="aspectFit"></image>
  5. <view class="b-tit">请扫活动二维码进入</view>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {};
  13. },
  14. onLoad(options) {
  15. console.log('onLoad tips', options);
  16. },
  17. methods: {}
  18. };
  19. </script>
  20. <style lang="scss">
  21. page {
  22. padding-bottom: env(safe-area-inset-bottom);
  23. background: #ffffff;
  24. height: 100%;
  25. }
  26. .wrap {
  27. display: flex;
  28. align-items: center;
  29. justify-content: center;
  30. width: 100%;
  31. height: 100%;
  32. }
  33. .tips {
  34. display: flex;
  35. flex-direction: column;
  36. align-items: center;
  37. .b-image {
  38. width: 300upx;
  39. height: 240upx;
  40. }
  41. .b-tit {
  42. margin-top: 40upx;
  43. color: #666;
  44. font-size: 28upx;
  45. }
  46. }
  47. </style>