55 lines
1.7 KiB
Vue
55 lines
1.7 KiB
Vue
<script setup>
|
||
|
||
</script>
|
||
<template>
|
||
<!-- 病人反馈 -->
|
||
<view class="fb_list main">
|
||
<wd-card custom-class="item" v-for="item in 9" :key="item">
|
||
<view class="title">
|
||
<view class="left">
|
||
<view>
|
||
姓名：xxx
|
||
</view>
|
||
<view>
|
||
ID：133456
|
||
</view>
|
||
</view>
|
||
<view>日期：2020-10-20</view>
|
||
</view>
|
||
<view class="content">
|
||
病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
|
||
病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
|
||
病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
|
||
病人反馈信息啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
|
||
</view>
|
||
</wd-card>
|
||
</view>
|
||
</template>
|
||
<style lang="scss" scoped>
|
||
.fb_list {
|
||
font-size: 26rpx;
|
||
padding-top: 20rpx;
|
||
:deep(.item) {
|
||
padding: 0;
|
||
}
|
||
.title {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding: 20rpx;
|
||
color: #333;
|
||
border-bottom: 1px solid #e7e8e8;
|
||
}
|
||
.content {
|
||
padding: 20rpx;
|
||
height: 123rpx;
|
||
line-height: 45rpx;
|
||
letter-spacing: 3rpx;
|
||
word-break: break-all;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-box-orient: vertical;
|
||
-webkit-line-clamp: 3;
|
||
}
|
||
}
|
||
</style> |