swiper-status.vue 562 B

1234567891011121314151617181920212223242526
  1. <template>
  2. <view class="swiper-status">
  3. <view v-if="page === 1">{{ '... 加载中 ...' }}</view>
  4. <view v-else-if="page === 0">{{ '- 暂无' + (unit ? unit : '订单') + ' -' }}</view>
  5. <view v-else-if="page === -1">{{ '- 网络崩溃了 下拉刷新重试 -' }}</view>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. props: {
  11. page: Number,
  12. unit: String
  13. }
  14. }
  15. </script>
  16. <style lang="scss" scoped>
  17. .swiper-status {
  18. @include flex();
  19. width: 100%;
  20. height: calc(100vh - 84rpx);
  21. background: #F8F8F8;
  22. color: $app-sec-text-color;
  23. }
  24. </style>