noData.vue 571 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <view>
  3. <view class="nodata">
  4. <image class="n-img" src="../../static/noData.png"></image>
  5. <text class="n-text">暂无数据</text>
  6. </view>
  7. </view>
  8. </template>
  9. <script>
  10. export default {
  11. name:"noData",
  12. data() {
  13. return {
  14. };
  15. }
  16. }
  17. </script>
  18. <style lang="scss">
  19. .nodata{
  20. display: flex;
  21. flex-direction: column;
  22. align-items: center;
  23. justify-content: center;
  24. width: 100%;
  25. height: 750rpx;
  26. .n-img{
  27. width: 300rpx;
  28. height: 300rpx;
  29. }
  30. .n-text{
  31. font-size: 28rpx;
  32. color: #666;
  33. margin-top: 20rpx;
  34. }
  35. }
  36. </style>