<script setup>
const clickDetail = () => {
    uni.navigateTo({
        url: "/pages/patient/patientFbDetail/patientFbDetail"
    })
}
</script>
<template>
    <!-- 病人反馈 -->
    <view class="fb_list main">
        <wd-card custom-class="item" v-for="item in 9" :key="item">
            <view class="content" @tap="clickDetail">
                <view class="title">
                    <!-- <view class="left">
                    </view> -->
                    <view>
                        姓名：xxx
                    </view>
                    <view>
                        ID：133456
                    </view>
                    <view>2020-10-20</view>
                </view>
                <view class="text">
                    病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
                    病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
                    病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
                    病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
                </view>
            </view>
        </wd-card>
    </view>
    <Loadmore></Loadmore>
</template>
<style lang="scss" scoped>
.fb_list {
    font-size: 26rpx;

    :deep(.item) {
        padding: 0;
    }
    .content {
        padding-bottom: 25rpx;
        .title {
            display: flex;
            justify-content: space-between;
            padding: 20rpx;
            color: #333;
            font-size: 26rpx;
            align-items: flex-end;
            :first-child {
                font-size: 30rpx;
            }
        }
    
        .text {
            padding: 0 20rpx;
            height: 123rpx;
            line-height: 40rpx;
            letter-spacing: 3rpx;
            word-break: break-all;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
        }
    }
}
</style>