noData.vue 919 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <template>
  2. <view class="nothing">
  3. <image class="nothing_img" :src="iconUrl.nothing"></image>
  4. <view class="nothing_tip">{{value}}</view>
  5. </view>
  6. </template>
  7. <script lang="ts" setup>
  8. import { getCurrentInstance, nextTick, ref } from 'vue';
  9. import { onLoad, onShow, onPullDownRefresh } from '@dcloudio/uni-app';
  10. import icon from '@/utils/icon';
  11. const { proxy } = getCurrentInstance();
  12. const app = getApp();
  13. const props = defineProps({
  14. value: {
  15. type: String,
  16. default: '',
  17. }
  18. });
  19. const iconUrl = ref(icon)
  20. </script>
  21. <style lang="scss" scoped>
  22. .nothing {
  23. width: 100%;
  24. display: flex;
  25. align-items: center;
  26. justify-content: center;
  27. flex-direction: column;
  28. }
  29. .nothing_img {
  30. width: 380rpx;
  31. height: 200rpx;
  32. }
  33. .nothing_tip {
  34. width: 73%;
  35. font-size: 32rpx;
  36. color: rgba(166, 166, 166, 1);
  37. margin: 38rpx auto 30rpx;
  38. text-align: center;
  39. line-height: 1.4em;
  40. }
  41. </style>