|
@@ -45,14 +45,17 @@
|
|
|
|
|
|
|
|
</view>
|
|
</view>
|
|
|
<view class="info-list">
|
|
<view class="info-list">
|
|
|
- <view class="dis-flex flex-x-between info-item" v-for="(item, index) in list" :key="index" @click="goDetail(item.id)">
|
|
|
|
|
|
|
+ <view class="dis-flex flex-x-between info-item" v-for="(item, index) in list" :key="index"
|
|
|
|
|
+ @click="goDetail(item.id)">
|
|
|
<view class="info-pic">
|
|
<view class="info-pic">
|
|
|
<u-image width="96px" height="96px" mode="aspectFill" :src="item.cover"></u-image>
|
|
<u-image width="96px" height="96px" mode="aspectFill" :src="item.cover"></u-image>
|
|
|
</view>
|
|
</view>
|
|
|
<view class="info-view">
|
|
<view class="info-view">
|
|
|
<view class="info-title">
|
|
<view class="info-title">
|
|
|
- {{item.subTitle}}
|
|
|
|
|
|
|
+ {{item.title}}
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <!-- <view class="info-subTitle" v-html="item.subTitle"></view> -->
|
|
|
|
|
+ <text class="info-subTitle">{{item.subTitle}}</text>
|
|
|
<view class="dis-flex info-bottom">
|
|
<view class="dis-flex info-bottom">
|
|
|
<view style="margin-right: 20rpx;">{{item.createTime?item.createTime.substring(0,10):''}}</view>
|
|
<view style="margin-right: 20rpx;">{{item.createTime?item.createTime.substring(0,10):''}}</view>
|
|
|
<u-icon name="thumb-up" color="#7f7f7f" size="18"></u-icon>
|
|
<u-icon name="thumb-up" color="#7f7f7f" size="18"></u-icon>
|
|
@@ -250,13 +253,13 @@
|
|
|
.info-view {
|
|
.info-view {
|
|
|
width: calc(100% - 105px);
|
|
width: calc(100% - 105px);
|
|
|
|
|
|
|
|
- .info-title {
|
|
|
|
|
- height: 75px;
|
|
|
|
|
|
|
+ .info-subTitle {
|
|
|
|
|
+ height: 50px;
|
|
|
word-break: break-all;
|
|
word-break: break-all;
|
|
|
color: #65371b;
|
|
color: #65371b;
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
font-weight: 300;
|
|
font-weight: 300;
|
|
|
- line-height: 47rpx;
|
|
|
|
|
|
|
+ line-height: 34rpx;
|
|
|
word-spacing: 2rpx;
|
|
word-spacing: 2rpx;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
text-overflow: -o-ellipsis-lastline;
|
|
text-overflow: -o-ellipsis-lastline;
|
|
@@ -268,6 +271,24 @@
|
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-orient: vertical;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ .info-title {
|
|
|
|
|
+ height: 50rpx;
|
|
|
|
|
+ word-break: break-all;
|
|
|
|
|
+ color: #65371b;
|
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ line-height: 50rpx;
|
|
|
|
|
+ word-spacing: 2rpx;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ text-overflow: -o-ellipsis-lastline;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
|
+ display: -webkit-box;
|
|
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
|
|
+ line-clamp: 1;
|
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
.info-bottom {
|
|
.info-bottom {
|
|
|
color: #7f7f7f;
|
|
color: #7f7f7f;
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|