<template>
    <view class="empty-comp text-center text-[#969799]">
        <template v-if="type == 'data'">
            <image :src="dataImage" mode="aspectFit" class="w-[240px]" />
            <view>暂无数据</view>
        </template>
        <template v-else-if="type == 'location'">
            <image :src="locationImage" mode="aspectFit" class="w-[240px]" />
            <view>暂无地址</view>
        </template>
        <template v-else>
            <image :src="searchImage" mode="aspectFit" class="w-[240px]" />
            <view>暂无搜索记录</view>
        </template>
    </view>
</template>

<script setup lang="ts">
import searchImage from '@/static/images/search_empty.png'
import dataImage from '@/static/images/data_empty.png'
import locationImage from '@/static/images/location_empty.png'

defineProps({
    type: {
        type: String,
        default: 'data'
    }
})
</script>
<style scoped lang="scss"></style>
