<template>
	<view class="nothing">
	  <image class="nothing_img" :src="iconUrl.nothing"></image>
	  <view class="nothing_tip">{{value}}</view>
	</view>
</template>

<script lang="ts" setup>
import { getCurrentInstance, nextTick, ref } from 'vue';
import { onLoad, onShow, onPullDownRefresh } from '@dcloudio/uni-app';
import icon from '@/utils/icon';


const { proxy } = getCurrentInstance();
const app = getApp();

const props = defineProps({
	value: {
		type: String,
		default: '',
	}
});

const iconUrl = ref(icon)
</script>

<style lang="scss" scoped>
	.nothing {
	  width: 100%; 
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  flex-direction: column;
	}
	
	.nothing_img {
	  width: 380rpx;
	  height: 200rpx;
	}
	
	.nothing_tip {
	  width: 73%;
	  font-size: 32rpx;
	  color: rgba(166, 166, 166, 1);
	  margin: 38rpx auto 30rpx;
	  text-align: center;
	  line-height: 1.4em;
	}

</style>