<template>
    <view class="bg-white rounded-lg shadow shadow-blue-100 p-24" @click="handleClick">
        <uv-text type="main" bold :text="item.title"/>
        <uv-text type="tips" size="13" lines="2" margin="5px 0 0 0" :text="item.description"/>
        <view class="flex fx-bet-cen mt-20">
            <uv-tags size="mini" type="primary" plain :text="item.type"/>
            <view class="flex items-center">
                <view>
                    <uv-text type="tips" size="13" prefix-icon="eye" :text="item.clicked || 456" margin="0 12px 0 0"/>
                </view>
                <view>
                    <uv-text type="tips" size="13" prefix-icon="clock" :text="item.sendDate"/>
                </view>
            </view>
        </view>
    </view>
</template>

<script setup>
import {useTransfer} from "@/hooks/useTransfer";
import mxConst from "@/common/mxConst";

const props = defineProps({
    item: {
        type: Object,
        default: () => ({})
    }
})
const {transferTo} = useTransfer()

function handleClick() {
    transferTo(mxConst.routes.newsDetail, ['id'], props.item)
}
</script>

<style scoped>

</style>
