|
@@ -99,7 +99,7 @@
|
|
|
<view style='border-bottom:1px solid #EEEEEE;' class='guess-section-wrap-content1'>
|
|
|
<view style='border-bottom:1px solid #eee;padding:15px;' class='flex justify-between' v-for='(item, index) in newsInfo' :key="index" @click="navToDetailPage(item.id)">
|
|
|
<view>
|
|
|
- <view style='font-size:16px;height:54px;'>{{item.title}}</view>
|
|
|
+ <view class="list-row-titel">{{item.title}}</view>
|
|
|
<view style='color:#B2B3BB;font-size:12px;'><text style='margin-right:5px;'>{{item.from}}</text>{{item.gmtUpdate}}</view>
|
|
|
</view>
|
|
|
<view><image style='width:100px;height:72px;border-radius:5px;' :src='item.titleImg'></image></view>
|
|
@@ -975,4 +975,20 @@
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
+ .title{
|
|
|
+ font-size: 34rpx;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ .list-row-titel{
|
|
|
+ text-overflow: -o-ellipsis-lastline;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;display:
|
|
|
+ -webkit-box;-webkit-line-clamp: 2;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ font-size:16px;
|
|
|
+ height:45px;
|
|
|
+ padding-right: 40rpx;
|
|
|
+ margin-bottom: 26rpx;
|
|
|
+ }
|
|
|
</style>
|