<!--
 * @Author: PoJun
 * @Date: 2023-05-14 19:39:41
 * @LastEditors: PoJun
 * @LastEditTime: 2023-05-17 23:45:30
 * @Message: Nothing
-->
<template>
    <view class="item-info u-boxshadow-1" hover-class="u-hover-class" @tap="itemClick">
        <view class="u-flex u-row-between">
            <view class="u-font-32 u-weight-600">{{ item.title }}</view>
            <u-tag text="todo" :type="item.type ? item.type : 'primary'" size="mini"></u-tag>
        </view>

        <view class="u-font-26 u-m-t-16">
            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Exercitationem sunt quasi iusto iste non
            laudantium harum quod. Rem, doloremque consequatur. Nisi, sed fugiat et sunt quod facilis quidem maiores
            autem.
        </view>

        <view class="u-font-26 u-m-t-16 u-tips-color">2023-5-15 21:56:43</view>
    </view>
</template>

<script>
export default {
    name: "item-info",
    props: {
        item: {
            type: Object,
            default: function () {
                return {};
            },
        },
    },
    data() {
        return {};
    },
    methods: {
        itemClick() {
            uni.$u.route({
                url: "pages/task/detail",
                params: {
                    id: this.item.id,
                },
            });
        },
    },
};
</script>

<style lang="scss" scoped>
.item-info {
    padding: 24rpx;
}
</style>
