新闻修改

pages/kotra/news.vue

 <style>
+	.koraNews{
+		width: 100%;
+		height: 100vh;
+		background: #F6F6F6;
+	}
 	.koraNewsList{
-		display: flex;
+		
 		width:100%;
-		padding:10px;
-		border-bottom: 1px solid #F4F4F4;
-		flex:1;
-	}
-	.newsLeft{
-		width:153px;
-		height:115px;
-		flex-shrink:0;
-		border-radius: 3px;
+		padding:0 15px;
+		margin-top: 20px;
+	}
+	.koraNews-time{
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 12px;
+		color: #B9BCCA;
+		font-family: aa;
+	}
+	.koraNews-box{
+		width: 100%;
+		border-radius: 6px;
+		
+		background: #FFF;
 		overflow: hidden;
+		margin-top: 10px;
 	}
-	.newsLeft img{
-		width:100%;
-		height:100%;
+	.newsimgs{
+		width: 100%;
+		border-top-left-radius: 6px;
+		border-top-right-radius: 6px;
+		height: 145px;
 	}
-	.koranewRight{
-		position: relative;
-		width:100%;
-		margin-left:12px;
+	.n-img{
+		width: 100%;
+		height: 100%;
+		border-top-left-radius: 6px;
+		border-top-right-radius: 6px;
 	}
-	.koraDate{
-		position: absolute;
-		color:#B9B9B9;
-		bottom:0;
-		font-size:12px;
+	.box-conet{
+		width: 100%;
+		padding: 10px 15px;
 	}
 	.koraRName{
 		color:#404040;
 		font-size:14px;
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 3;
+		-webkit-line-clamp: 2;
 		overflow: hidden;
 	}
-	.koraNewsSearch {
-		display: flex;
-		margin: 10px 10px 0 10px;
-		width: 100%;
-		justify-content: space-between;
+	.koraRName-f{
+		font-size: 12px;color:#999999;
+		margin-top: 5px;
+		overflow: hidden;white-space: nowrap;text-overflow: ellipsis
 	}
+.koraNewsSearch{
+	padding: 0px 10px 10px;
+}
 </style>
 <template>
 	<view class="koraNews">
@@ -51,22 +68,34 @@
 		</view>
 		<u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty>
 		<scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true"
-		 @scrolltolower="lower" :style="{ 'height': `calc(100%)`}">
+		 @scrolltolower="lower" style="height: calc(100vh - 45px);">
 			<view>
 				<view class="koraNewsList" v-for="(item,index) in dataList" :key="index" @click="goNewsDetail(item)">
-					<view class="newsLeft">
-						<img :src="item.CoverImg" alt=""/>
+					<view class="koraNews-time">{{item.CreateDate?item.CreateDate.replace('T',' '):''}}</view>
+					<view class="koraNews-box">
+						<view class="newsimgs">
+							<image :src="item.CoverImg" mode="aspectFill" class='n-img'/>
 						</view>
-					<view class="koranewRight">
+						<view class="box-conet">
 							<view class="koraRName">{{item.Title}}</view>
-						<view class="koraDate">{{item.PublishTimeStr}}</view>
+							<view class="koraRName-f">{{item.Subtitle}}</view>
 						</view>
 					</view>
+				
 				</view>
-			<view style="padding:10px 0;">
-				<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="0" :margin-bottom="0" />
 			</view>
+			
+			
+			<u-loadmore
+			  :status="status"
+			  :load-text="loadText"
+			  :font-size="24"
+			  :margin-top="20"
+			  :margin-bottom="20"
+			  bg-color="#F6F6F6"
+			/>
 		</scroll-view>
+		
 	</view>
 </template>
 
@@ -79,7 +108,7 @@
 					pageIndex: 1,
 					pageSize: 10,
 					Title:'',
-					Type:1
+					// Type:1
 				},
 				pageCount: 1,
 				dataList:[],