修改

pages.json

@@ -583,6 +583,8 @@
 				"path":"zixunList" //咨询信息
 			},{
 				"path":"activeInnerDetail" //活动详情
+			},{
+				"path":"newsInDetail" //新闻详情
 			}]
		}
     ],
     "globalStyle": {

pages/kotra/news.vue

@@ -2,15 +2,16 @@
 	.koraNewsList{
 		display: flex;
 		width:100%;
-		height:100px;
 		padding:10px;
 		border-bottom: 1px solid #F4F4F4;
 		flex:1;
 	}
 	.newsLeft{
-		width:140px;
-		height:80px;
+		width:153px;
+		height:115px;
 		flex-shrink:0;
+		border-radius: 3px;
+		overflow: hidden;
 	}
 	.newsLeft img{
 		width:100%;
@@ -19,7 +20,7 @@
 	.koranewRight{
 		position: relative;
 		width:100%;
-		margin-left:15px;
+		margin-left:12px;
 	}
 	.koraDate{
 		position: absolute;
@@ -29,10 +30,10 @@
 	}
 	.koraRName{
 		color:#404040;
-		font-size:15px;
+		font-size:14px;
 		display: -webkit-box;
 		-webkit-box-orient: vertical;
-		-webkit-line-clamp: 2;
+		-webkit-line-clamp: 3;
 		overflow: hidden;
 	}
 	.koraNewsSearch {
@@ -49,7 +50,8 @@
 		color: #fff;
 		text-align: center;
 		line-height: 34px;
-		border-radius: 2px;
+		border-radius: 3px;
+		margin-top:0.5px;
 		margin-right: 20px;
 		display: inline-block;
 	}
@@ -65,7 +67,7 @@
 		<scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true"
 		 @scrolltolower="lower" :style="{ 'height': `calc(100%)`}">
 			<view>
-				<view class="koraNewsList" v-for="(item,index) in dataList" :key="index">
+				<view class="koraNewsList" v-for="(item,index) in dataList" :key="index" @click="goNewsDetail(item)">
 					<view class="newsLeft">
 						<img :src="item.CoverImg" alt=""/>
 					</view>
@@ -86,7 +88,7 @@
 	export default {
 		data() {
 			return {
-				pageTitle: "最新动向",
+				pageTitle: "新闻",
 				msg:{
 					pageIndex: 1,
 					pageSize: 10,
@@ -141,6 +143,13 @@
 					this.status = "nomore";
 				}
 			},
+			//跳转至新闻详情
+			goNewsDetail(item){
+				console.log(item,'item');
+				uni.navigateTo({
+					url: '/pages/kotra/newsInDetail?Id=' + item.Id
+				});
+			}
 		}
 	}
 </script>

pages/kotra/newsInDetail.vue

+<style>
+	.newsInDetail .acdetailTop{
+		width:100%;
+		height:auto;
+		background-color: #fff;
+		padding:15px;
+	}
+	.newsInDetail .acdetailImg{
+		width:100%;
+		height:190px;
+		border-radius: 3px;
+		overflow: hidden;
+	}
+	.newsInDetail .acdetaiTitle{
+		margin:15px auto;
+		color:#0B0B0B;
+		font-size:16px;
+		font-weight: bold;
+		text-align: center;
+	}
+	.newsInDetail .acdetaiWriter{
+		display: flex;
+		justify-content: space-between;
+		color:#B9B9B9;
+		font-size:12px;
+		font-weight: bold;
+		margin-top:10px;
+		align-items: center;
+	}
+	.newsInDetail .acdetaiLine{
+		width:100%;
+		height:10px;
+		background-color: #F3F5F7;
+	}
+	.newsInDetail .acdetailBottom{
+		width:100%;
+		min-height:283px;
+		padding:15px;
+		background-color: #fff;
+	}
+	.newsInDetail .newsInDetail_Intro{
+		color:#404040;
+		font-size:14px;
+		line-height: 25px;
+		margin-top:20px;
+	}
+</style>
+<template>
+	<view class="newsInDetail" style="height:100vh;">
+		<view class="acdetailTop">
+			<view class="acdetailImg">
+				<img :src="dataList.CoverImg" alt="" style="width:100%;height:100%;"/>
+			</view>
+			<view class="acdetaiTitle">{{dataList.Title}}</view>
+			<view class="acdetaiWriter">
+				<view>行业：{{dataList.Industry}}</view>
+			</view>
+			<view class="acdetaiWriter">
+				<view>发布：{{dataList.PublishTimeStr}}</view>
+			</view>
+		</view>
+		<view class="acdetaiLine"></view>
+		<view class="acdetailBottom">
+			<u-divider color="#0B0B0B;" half-width="50" border-color="#0B0B0B" fontSize="35">详情内容</u-divider>
+			<view class="newsInDetail_Intro" v-html="dataList.NewsInfo"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				pageTitle: '新闻详情',
+				msg: {
+					Id:0
+				},
+				dataList:{}
+			}
+		},
+		created() {},
+		mounted() {
+			uni.setNavigationBarTitle({
+				title: this.pageTitle,
+			});
+		},
+		onLoad(option) {
+			this.msg.Id = option.Id;
+			this.getList();
+		},
+		methods: {
+			getList(){
+				this.request2({
+						url: "/api/AppletTrade/GetCommerceNews",
+						data: this.msg,
+					},
+					(res) => {
+						if (res.resultCode == 1) {
+							this.dataList = res.data
+						}
+					}
+				);
+			}
+		}
+	}
+</script>