no-data.vue 650 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <view class="no-data-box">
  3. <image class="no-data-icon" src="../../../static/logo.png" mode=""></image>
  4. <text class="no-data-text">暂无数据</text>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. data() {
  10. return {
  11. };
  12. }
  13. }
  14. </script>
  15. <style lang="scss" scoped>
  16. .no-data-box{
  17. display: flex;
  18. flex-direction: column;
  19. justify-content: center;
  20. align-items: center;
  21. padding-top: 98rpx;
  22. .no-data-icon{
  23. width: 334rpx;
  24. height: 262rpx;
  25. }
  26. .no-data-text{
  27. padding-top: 23rpx;
  28. font-size: 28rpx;
  29. font-family: PingFang SC, PingFang SC-Bold;
  30. font-weight: 700;
  31. color: #808080;
  32. line-height: 40rpx;
  33. }
  34. }
  35. </style>