empty.vue 559 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <view class="empty-box">
  3. <image class="empty-img" src="../../static/images/empty.png" mode="aspectFit"></image>
  4. <text class="empty-text">暂无数据</text>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. name:"empty",
  10. data() {
  11. return {
  12. };
  13. }
  14. }
  15. </script>
  16. <style scoped lang="scss">
  17. .empty-box{
  18. width: 100%;
  19. text-align: center;
  20. display: flex;
  21. flex-direction: column;
  22. .empty-img{
  23. max-width: 100%;
  24. width: 720rpx;
  25. height: 351rpx;
  26. }
  27. .empty-text{
  28. padding-top: 50rpx;
  29. width: 100%;
  30. font-size: 28rpx;
  31. }
  32. }
  33. </style>