fs-empty.vue 494 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <view class="fs-empty-box">
  3. <image :src="src" mode="widthFix" style="width: 400rpx;"></image>
  4. <view class="content">{{text}}</view>
  5. </view>
  6. </template>
  7. <script setup>
  8. import empty from './empty.png'
  9. const props = defineProps({
  10. src: {
  11. type: String,
  12. default: empty
  13. },
  14. text: {
  15. type: String,
  16. default: '暂无数据'
  17. }
  18. })
  19. </script>
  20. <style lang="scss" scoped>
  21. .fs-empty-box{
  22. text-align: center;
  23. padding: 200rpx 30rpx;
  24. .content{
  25. margin-top: 20rpx;
  26. }
  27. }
  28. </style>