|
@@ -4,7 +4,7 @@
|
|
<view class="flex search-wrap">
|
|
<view class="flex search-wrap">
|
|
<view style="flex: 1">
|
|
<view style="flex: 1">
|
|
<searchBox
|
|
<searchBox
|
|
- placeholder="请输入报告标题或关键字"
|
|
|
|
|
|
+ placeholder="请输入报告标题或摘要或关键字"
|
|
:hasRightBtn="false"
|
|
:hasRightBtn="false"
|
|
:disabled="false"
|
|
:disabled="false"
|
|
:clear="!searchVal"
|
|
:clear="!searchVal"
|
|
@@ -38,7 +38,8 @@
|
|
<view class="flex item" v-for="item in list" :key="item.report_id" @click="goReportDetail(item)">
|
|
<view class="flex item" v-for="item in list" :key="item.report_id" @click="goReportDetail(item)">
|
|
<image class="img" :src="item.report_img_url" mode="aspectFill" lazy-load />
|
|
<image class="img" :src="item.report_img_url" mode="aspectFill" lazy-load />
|
|
<view class="con">
|
|
<view class="con">
|
|
- <view class="title" v-html="item.title"></view>
|
|
|
|
|
|
+ <view class="title" :style="!item.abstract.length?'min-height: 70rpx;':''" v-html="item.title"></view>
|
|
|
|
+ <view class="abstract" v-html="item.abstract"></view>
|
|
<view class="info">
|
|
<view class="info">
|
|
<view v-html="item.classify_name_second" style="display:inline-block"></view>
|
|
<view v-html="item.classify_name_second" style="display:inline-block"></view>
|
|
<text v-if="item.classify_name_second" style="display:inline-block;margin:0 10rpx"> · </text>
|
|
<text v-if="item.classify_name_second" style="display:inline-block;margin:0 10rpx"> · </text>
|
|
@@ -408,7 +409,23 @@ page{
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
margin-bottom: 10rpx;
|
|
margin-bottom: 10rpx;
|
|
- min-height: 70rpx;
|
|
|
|
|
|
+ // min-height: 70rpx;
|
|
|
|
+ }
|
|
|
|
+ .abstract{
|
|
|
|
+ /* width:100%;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ text-overflow: ellipsis; */
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
|
+ color: #9C9791;
|
|
|
|
+ div{
|
|
|
|
+ color: #9C9791;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.info{
|
|
.info{
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|