close.vue 978 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <base-page>
  3. <view class="empty-box">
  4. <image :src="$util.img('public/uniapp/cashier/store-close.png')" mode="widthFix"></image>
  5. <view>门店已停业</view>
  6. <button class="btn" @click="$util.redirectTo('/pages/login/login')">返回</button>
  7. </view>
  8. </base-page>
  9. </template>
  10. <script>
  11. export default {
  12. data() {
  13. return {};
  14. },
  15. onLoad() {},
  16. onShow() {},
  17. methods: {}
  18. };
  19. </script>
  20. <style lang="scss" scoped>
  21. .empty-box {
  22. width: 100%;
  23. display: flex;
  24. align-items: center;
  25. justify-content: center;
  26. flex-direction: column;
  27. height: 100%;
  28. position: fixed;
  29. left: 0;
  30. top: 0;
  31. background-color: #ffffff;
  32. z-index: 10000;
  33. image {
  34. width: 3rem;
  35. height: 3rem;
  36. max-height: 3rem;
  37. }
  38. view {
  39. text-align: center;
  40. font-size: 0.16rem;
  41. color: $uni-color-primary;
  42. margin: 0 0 0.3rem;
  43. }
  44. button {
  45. background-color: #fff;
  46. color: $uni-color-primary;
  47. border: 0.01rem solid $uni-color-primary;
  48. font-size: 0.165rem;
  49. width: 1rem;
  50. }
  51. }
  52. </style>