emptyData.vue 534 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <view class="empty-box">
  3. <!-- <img src="/static/empty-data.png" alt="" class="empty-box-img"> -->
  4. <div class="empty-box-text">暂无数据!</div>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. }
  10. </script>
  11. <style lang="scss">
  12. .empty-box{
  13. position: absolute;
  14. top: 40%;
  15. left: 50%;
  16. transform: translate3d(-50%,-50%,0);
  17. .empty-box-text{
  18. text-align: center;
  19. font-size: 30upx;
  20. color: #999;
  21. margin-top: 20upx;
  22. }
  23. .empty-box-img{
  24. width: 200upx;
  25. height: 200upx;
  26. }
  27. }
  28. </style>