|
@@ -18,7 +18,7 @@
|
|
|
<view class="news" >
|
|
|
<view class="news-content" v-for="(item,index) in newsList" :key="item.id" @click="gotoUrl('pages/article/articleDetails?id=' + item.id)">
|
|
|
<view class="content-text">
|
|
|
- {{item.title}}
|
|
|
+ <view class="content-title">{{item.title}}</view>
|
|
|
<view class="news-time">{{item.createTime ? item.createTime.slice(5,16) : ''}}</view>
|
|
|
</view>
|
|
|
<view class="content-img">
|
|
@@ -173,13 +173,17 @@
|
|
|
color: #101010;
|
|
|
text-align: left;
|
|
|
font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content-title {
|
|
|
+ width: 100%;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
}
|
|
|
|
|
|
- ;
|
|
|
-
|
|
|
.content-img {
|
|
|
width: 40.57%;
|
|
|
height: 100%;
|
|
@@ -188,12 +192,12 @@
|
|
|
|
|
|
img {
|
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
+ height: 80%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.news-time {
|
|
|
- margin-top: 26%;
|
|
|
+ margin-top: 10%;
|
|
|
color: #999999;
|
|
|
width: 100px;
|
|
|
height: 20px;
|