dengjie commit: 行业报告及其详情页初步完成

manifest.json

@@ -1,28 +1,28 @@
 {
-	"name": "shitong-app",
+    "name" : "shitong-app",
-	"appid": "",
+    "appid" : "__UNI__807D381",
-	"description": "",
+    "description" : "",
-	"versionName": "1.0.0",
+    "versionName" : "1.0.0",
-	"versionCode": "100",
+    "versionCode" : "100",
-	"transformPx": false,
+    "transformPx" : false,
     /* 5+App特有相关 */
-	"app-plus": {
+    "app-plus" : {
-		"usingComponents": true,
+        "usingComponents" : true,
-		"nvueStyleCompiler": "uni-app",
+        "nvueStyleCompiler" : "uni-app",
-		"compilerVersion": 3,
+        "compilerVersion" : 3,
-		"splashscreen": {
+        "splashscreen" : {
-			"alwaysShowBeforeRender": true,
+            "alwaysShowBeforeRender" : true,
-			"waiting": true,
+            "waiting" : true,
-			"autoclose": true,
+            "autoclose" : true,
-			"delay": 0
+            "delay" : 0
         },
         /* 模块配置 */
-		"modules": {},
+        "modules" : {},
         /* 应用发布信息 */
-		"distribute": {
+        "distribute" : {
             /* android打包配置 */
-			"android": {
+            "android" : {
-				"permissions": [
+                "permissions" : [
                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
@@ -41,34 +41,34 @@
                 ]
             },
             /* ios打包配置 */
-			"ios": {},
+            "ios" : {},
             /* SDK配置 */
-			"sdkConfigs": {}
+            "sdkConfigs" : {}
         }
     },
     /* 快应用特有相关 */
-	"quickapp": {},
+    "quickapp" : {},
     /* 小程序特有相关 */
-	"mp-weixin": {
+    "mp-weixin" : {
-		"appid": "wx4c2099a19c69664f",
+        "appid" : "wx4c2099a19c69664f",
-		"setting": {
+        "setting" : {
-			"urlCheck": false,
+            "urlCheck" : false,
-			"es6": false,
+            "es6" : false,
-			"postcss": false
+            "postcss" : false
         },
-		"usingComponents": true
+        "usingComponents" : true
     },
-	"mp-alipay": {
+    "mp-alipay" : {
-		"usingComponents": true
+        "usingComponents" : true
     },
-	"mp-baidu": {
+    "mp-baidu" : {
-		"usingComponents": true
+        "usingComponents" : true
     },
-	"mp-toutiao": {
+    "mp-toutiao" : {
-		"usingComponents": true
+        "usingComponents" : true
     },
-	"uniStatistics": {
+    "uniStatistics" : {
-		"enable": false
+        "enable" : false
     },
-	"vueVersion": "2"
+    "vueVersion" : "2"
 }

pages.json

@@ -2,16 +2,8 @@
 	"easycom": {
 		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
 	},
-	"pages": [{
+	"pages": [
-			"path": "pages/detail/detail",
-			"style": {
-				"navigationBarTitleText": "商品详情",
-				"navigationBarTextStyle": "white",
-				"navigationBarBackgroundColor": "#12CA64",
-				"enablePullDownRefresh": false
-			}
 
-		},
 		{
 			"path": "pages/index/index",
 			"style": {
@@ -47,11 +39,55 @@
 			"style": {
 				"navigationBarTitleText": "我的",
 				"navigationBarTextStyle": "white",
+				"navigationStyle": "custom",
+				"enablePullDownRefresh": false
+			}
+		},
+		{
+			"path": "pages/news/news",
+			"style": {
+				"navigationBarTitleText": "行内新闻",
+				"navigationBarTextStyle": "white",
 				"navigationBarBackgroundColor": "#12CA64",
 				"enablePullDownRefresh": false
 			}
+
+		}, {
+			"path": "pages/certifiedCj/certifiedCj",
+			"style": {
+				"navigationBarTitleText": "认证厂家",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#12CA64",
+				"enablePullDownRefresh": false
 			}
 
+		}, {
+			"path": "pages/detail/xwDetail/xwDetail",
+			"style": {
+				"navigationBarTitleText": "行业新闻详情",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#12CA64",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/detail/productsDetail/productsDetail",
+			"style": {
+				"navigationBarTitleText": "商品详情",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#12CA64",
+				"enablePullDownRefresh": false
+			}
+		}, {
+			"path": "pages/detail/certifiedCjDetail/certifiedCjDetail",
+			"style": {
+				"navigationBarTitleText": "厂家信息",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#12CA64",
+				"enablePullDownRefresh": false
+			}
+
+		}
 	],
 	"tabBar": {
 		"color": "#CCCCCC",

pages/certifiedCj/certifiedCj.vue

@@ -0,0 +1,117 @@
+<template>
+	<view style="margin-top: 20rpx; height: 1176rpx;background: #FFFFFF;">
+		<view class="xw_content" v-for="(item,index) in cjsList" :key="index" @click="click(index)">
+			<u--image :src="item.src" width="112rpx" height="112rpx" :lazy-load="true">
+			</u--image>
+			<view class="xw_right">
+				<view class="xw_title">
+					{{item.title}}
+				</view>
+				<view style="display: flex;">
+					<text class="cj_tags" v-for="(tagsItem,tagsIndex) in item.tags" :key="tagsIndex">
+						{{tagsItem.tag}}
+					</text>
+				</view>
+			</view>
+		</view>
+		<view v-if="cjsShow" class="no-data">已经到底啦！</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				cjsShow: true,
+				cjsList: [{
+						src: '/static/report/cj1.png',
+						title: '西安兴沃丰餐饮管理有限责任公司',
+						tags: [{
+								tag: '咖啡'
+							},
+							{
+								tag: '饮品'
+							}
+						]
+					},
+					{
+						src: '/static/report/cj2.png',
+						title: '福建省海纳川食品有限公司',
+						tags: [{
+								tag: '活冻鲍鱼'
+							},
+							{
+								tag: '鲍鱼罐头'
+							},
+							{
+								tag: '佛跳墙'
+							},
+							{
+								tag: '海螺片'
+							}
+
+						]
+					},
+				]
+			}
+		},
+		methods: {
+			click(index) {
+				if (index == 0) {
+					uni.navigateTo({
+						url: '/pages/detail/certifiedCjDetail/certifiedCjDetail'
+					})
+				}
+			}
+			// this.cjsShow = this.list.length === 0 ? true : false
+		}
+	}
+</script>
+
+<style lang="scss">
+	.no-data {
+		text-align: center;
+		margin-top: 29rpx;
+		font-size: 20rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #BBBBBB;
+		line-height: 28rpx;
+	}
+
+	.xw_content {
+		background: #FFFFFF;
+		border: 1rpx solid #EEEEEE;
+		display: flex;
+		padding: 29rpx 19rpx;
+
+		.xw_right {
+			padding-left: 19rpx;
+			display: flex;
+			flex-direction: column;
+
+			.xw_title {
+				font-size: 30rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: bold;
+				color: #3E3E3E;
+				line-height: 42rpx;
+				-webkit-line-clamp: 2;
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+			.cj_tags {
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #969696;
+				line-height: 33rpx;
+				padding-right: 10rpx;
+				margin-top: 35rpx;
+			}
+		}
+	}
+</style>

pages/detail/certifiedCjDetail/certifiedCjDetail.vue

@@ -0,0 +1,145 @@
+<template>
+	<view>
+		<u--image :src="src" width="750rpx" height="290rpx" :lazy-load="true">
+		</u--image>
+		<view class="feature">
+			<text class="one_title">经营范围及特色</text>
+			<view class="green_block">
+				<text class="green_features">{{features}}</text>
+			</view>
+		</view>
+		<view class="introduce">
+			<view class="introduce_title">企业介绍</view>
+			<text class="business_introduce">{{business_introduce}}</text>
+		</view>
+		<view class="show">
+			<view class="introduce_title">企业展示</view>
+			<u-grid :border="false" col="4">
+				<u-grid-item v-for="(listItem,listIndex) in showList" :key="listIndex">
+					<u--image :src="listItem.src" width="170rpx" height="170rpx" :lazy-load="true">
+					</u--image>
+				</u-grid-item>
+			</u-grid>
+		</view>
+		<view class="footer">
+			<u-icon name="kefu-ermai" color="#fff" size="30rpx"></u-icon>
+			<text>联系客服</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				src: '/static/detail/cj_bg.png',
+				features: '活冻鲍鱼,冻煮鲍鱼,鲍鱼罐头 佛跳墙,海螺片',
+				business_introduce: '福建省海纳川食品有限公司是一家从事水产养殖，加工与销售为一体的现代化企业，公司主要加工：活冻鲍鱼，溏心皇金鲍，兰花蟹，黄金鲍片，佛跳墙，大盆菜，火锅小章鱼，鲨鱼礼盒等系列产品。公司位于福建省自由贸易试验区马尾片区，离全国大的水产交易市场--马尾名成水产市场不到一公里，这里交通方便，商贾云集，冷链物流通达全国。',
+				showList: [{
+						src: '/static/report/cj1.png'
+					}, {
+						src: '/static/report/cj1.png'
+					}, {
+						src: '/static/report/cj1.png'
+					},
+					{
+						src: '/static/report/cj1.png'
+					},
+				]
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	.feature {
+		padding: 20rpx 16rpx;
+		background-color: #fff;
+		margin-bottom: 30rpx;
+
+		.one_title {
+			font-size: 28rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: bold;
+			color: #3E3E3E;
+			line-height: 40rpx;
+		}
+
+		.green_block {
+			background-color: #16CA65;
+			margin-top: 20rpx;
+
+			height: 139rpx;
+			border-radius: 6rpx;
+
+			.green_features {
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #FFFFFF;
+				line-height: 33rpx;
+				margin-left: 20rpx;
+				margin-top: 14rpx;
+			}
+		}
+	}
+
+	.introduce {
+		padding: 20rpx 16rpx;
+		background-color: #fff;
+		margin-bottom: 30rpx;
+
+		.introduce_title {
+			font-size: 28rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: bold;
+			color: #3E3E3E;
+			line-height: 40rpx;
+			margin-bottom: 10rpx;
+		}
+
+		.business_introduce {
+			font-size: 24rpx;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: 400;
+			color: #666666;
+			line-height: 33rpx;
+		}
+	}
+
+	.show {
+		padding: 20rpx 16rpx;
+		background-color: #fff;
+		margin-bottom: 78rpx;
+
+		.u-grid {
+			padding-top: 22rpx !important;
+		}
+	}
+
+	.footer {
+		height: 100rpx;
+		background: #0EBB5B;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-content: center;
+		text-align: center;
+
+		.u-icon {
+			justify-content: center;
+		}
+
+		text {
+			font-size: 20rpx;
+			font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
+			font-weight: bold;
+			color: #FFFFFF;
+			line-height: 26rpx;
+		}
+	}
+</style>

pages/detail/productsDetail/productsDetail.vue

@@ -49,7 +49,7 @@
 					tagOne: '无添加剂',
 					tagTwo: '无添加剂',
 					time: '2022年12月04日',
-					content: '<h1>走马灯</h1>'
+					content: '<h1>一级标题</h1><br/><h2>二级标题</h2>'
 				}]
 			}
 		},

pages/detail/xwDetail/xwDetail.vue

@@ -0,0 +1,67 @@
+<template>
+	<view>
+		<view class="xw_title">
+			{{title}}
+		</view>
+		<view style="display: flex;">
+			<text class="xw_time">
+				{{time}}
+			</text>
+			<text class="xw_time xw_place">
+				{{place}}
+			</text>
+		</view>
+		<view class="xw_content">
+			<u-parse :content="news" @preview="preview" @navigate="navigate"></u-parse>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				title: '2022近50款食品饮料新品，创新的方向都在这里',
+				time: '2022-12-03 09:59',
+				place: '第一食品资讯官方账号',
+				news: '<h1>一级标题</h1><br/><h2>二级标题</h2>'
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	page {
+		background-color: #fff;
+		padding: 12rpx 16rpx;
+	}
+
+	.xw_title {
+		font-size: 38rpx;
+		font-family: PingFangSC-Medium, PingFang SC;
+		font-weight: bold;
+		color: #3E3E3E;
+		line-height: 53rpx;
+		letter-spacing: 1rpx;
+	}
+
+	.xw_time {
+		font-size: 24rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #969696;
+		line-height: 33rpx;
+		margin-top: 6rpx;
+	}
+
+	.xw_place {
+		padding-left: 20rpx;
+	}
+
+	.xw_content {
+		margin-top: 38rpx;
+	}
+</style>

pages/index/index.vue

@@ -174,7 +174,7 @@
 			//点击图片跳转到详情页
 			toDetailPage() {
 				uni.navigateTo({
-					url: '/pages/detail/detail'
+					url: '/pages/detail/productsDetail/productsDetail'
 				})
 			}
 		}
@@ -219,6 +219,8 @@
 			background: #FFFFFF;
 			border-radius: 24rpx;
 
+			box-shadow: 0px 2px 4px 0px rgba(206, 206, 206, 0.5);
+
 			.u-grid {
 				padding-top: 30rpx;
 
@@ -254,7 +256,7 @@
 		}
 
 		.products_box {
-			padding: 18rpx;
+			padding: 10rpx;
 
 			.u-grid-item {
 
@@ -264,7 +266,7 @@
 					top: 0;
 
 					.u-image__image {
-						margin-left: 3px;
+						margin-left: 6px;
 					}
 
 					.img_tag {

pages/my/my.vue

@@ -1,6 +1,76 @@
 <!-- 个人中心 -->
 <template>
-	<view class="components-theme">
+	<view>
-		我的
+		<u-navbar :autoBack="false" title="我的"></u-navbar>
+		<u--image src="/static/my/wo_icon_bj1.png" width="750rpx" height="349rpx" :lazy-load="true">
+		</u--image>
+		<view class="my_avatar">
+			<view style="border: 1px solid #EEEEEE;border-radius: 50rpx;">
+				<u--image :src="avatar" width="100rpx" height="100rpx" :lazy-load="true" shape="circle">
+				</u--image>
+			</view>
+			<view style="margin-top: 10rpx;margin-bottom: 4rpx;">
+				<u--image v-if="show==false" :src="normal" width="84rpx" height="30rpx" :lazy-load="true">
+				</u--image>
+				<u--image v-else :src="VIP" width="84rpx" height="30rpx" :lazy-load="true">
+				</u--image>
+			</view>
+			<text>顾发航</text>
+		</view>
+		<view class="table">
+
+		</view>
 	</view>
 </template>
+<script>
+	export default {
+		data() {
+			return {
+				show: false,
+				avatar: '/static/my/avatar.png',
+				normal: '/static/my/wo_icon_pthy.png',
+				VIP: '/static/my/wo_icon_vip.png'
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	.u-status-bar {
+		background-color: transparent !important;
+	}
+
+	.u-navbar__content {
+		background-color: transparent !important;
+	}
+
+	.u-navbar__content__title {
+		color: #fff !important;
+	}
+
+	.u-icon__icon {
+		display: none !important;
+	}
+
+	.my_avatar {
+		position: absolute;
+		right: 325rpx;
+		top: 148rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+
+
+		text {
+			font-size: 26rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #FFFFFF;
+			line-height: 37rpx;
+
+		}
+	}
+</style>

pages/news/news.vue

@@ -0,0 +1,118 @@
+<template>
+	<view style="margin-top: 20rpx; height: 1176rpx;background: #FFFFFF;">
+		<view class="xw_content" v-for="(item,index) in newsList" :key="index" @click="clickNews(index)">
+			<u--image :src="item.src" width="192rpx" height="122rpx" :lazy-load="true">
+			</u--image>
+			<view class="xw_right">
+				<view class="xw_title">
+					{{item.title}}
+				</view>
+				<view style="display: flex;">
+					<text class="xw_time">
+						{{item.time}}
+					</text>
+					<text class="xw_time xw_place">
+						{{item.place}}
+					</text>
+				</view>
+			</view>
+		</view>
+		<view v-if="newsShow" class="no-data">已经到底啦！</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				newsShow: true,
+				newsList: [{
+						src: '/static/report/zhanwei_xf.png',
+						title: '2022近50款食品饮料新品，创新的方向都在这里',
+						time: '2022-12-03 09:59',
+						place: '第一食品资讯官方账号'
+					},
+					{
+						src: '/static/report/zhanwei_zh.png',
+						title: '食品企业如何开发新产品？创新思维又发挥着怎样的效应呢？',
+						time: '2022-10-18 14:43',
+						place: '腾讯新闻 '
+					},
+					{
+						src: '/static/report/zhanwei_zh.png',
+						title: '食品企业如何开发新产品？创新思维又发挥着怎样的效应呢？',
+						time: '2022-10-18 14:43',
+						place: '腾讯新闻'
+					},
+				],
+			}
+		},
+		onLoad() {
+
+		},
+		methods: {
+			// 跳转到新闻详情页
+			clickNews(index) {
+				if (index == 0) {
+					uni.navigateTo({
+						url: '/pages/detail/xwDetail/xwDetail'
+					})
+				}
+			},
+			// this.newsShow = this.list.length === 0 ? true : false
+		}
+	}
+</script>
+
+<style lang="scss">
+	.no-data {
+		text-align: center;
+		margin-top: 29rpx;
+		font-size: 20rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		font-weight: 400;
+		color: #BBBBBB;
+		line-height: 28rpx;
+	}
+
+	.xw_content {
+		background: #FFFFFF;
+		border: 1rpx solid #EEEEEE;
+		display: flex;
+		padding: 29rpx 19rpx;
+
+		.xw_right {
+			padding-left: 19rpx;
+			display: flex;
+			flex-direction: column;
+
+			.xw_title {
+				font-size: 30rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: bold;
+				color: #3E3E3E;
+				line-height: 42rpx;
+				-webkit-line-clamp: 2;
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+			.xw_time {
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #969696;
+				line-height: 33rpx;
+				padding-top: 3rpx;
+			}
+
+			.xw_place {
+				padding-left: 20rpx;
+			}
+		}
+
+
+	}
+</style>

pages/report/report.vue

@@ -1,5 +1,442 @@
 <template>
+	<view style="padding-bottom: 50rpx;">
+		<!-- classify -->
+		<view class="classify">
+			<u-grid :border="false" col="3">
+				<u-grid-item v-for="(listItem,listIndex) in classifyList" :key="listIndex" @click="click(listIndex)">
+					<!-- 懒加载 :lazy-load="true" -->
+					<u--image :src="listItem.src" width="86rpx" height="86rpx" :lazy-load="true">
+					</u--image>
+					<text class="grid-text">{{listItem.title}}</text>
+				</u-grid-item>
+			</u-grid>
+		</view>
+
+		<!-- 行业新闻 -->
 		<view>
-		行业报告
+			<view class="subtitle">
+				<u--image src="/static/report/hy_icon_xwx.png" width="24rpx" height="24rpx" :lazy-load="true">
+				</u--image>
+				<text class="xw_text text">行业新闻</text>
+			</view>
+			<view class="xw_content" v-for="(item,index) in newsList" :key="index" @click="clickNews(index)">
+				<u--image :src="item.src" width="192rpx" height="122rpx" :lazy-load="true">
+				</u--image>
+				<view class="xw_right">
+					<view class="xw_title">
+						{{item.title}}
+					</view>
+					<view style="display: flex;">
+						<text class="xw_time">
+							{{item.time}}
+						</text>
+						<text class="xw_time xw_place">
+							{{item.place}}
+						</text>
+					</view>
+				</view>
+			</view>
+		</view>
+
+		<!-- 新品发布 -->
+		<view>
+			<view class="subtitle">
+				<u--image src="/static/report/hy_icon_fux.png" width="24rpx" height="24rpx" :lazy-load="true">
+				</u--image>
+				<text class="xpfb_text text">新品发布</text>
+			</view>
+			<view class="products_box">
+				<u-grid :border="false" col="2">
+					<u-grid-item v-for="(item,index) in productList" :key="index">
+						<u-image src="/static/products/sy_bb.png" width="354rpx" height="539rpx" :lazy-load="true">
+						</u-image>
+						<view class="bgContent">
+							<view>
+								<u-image :src="item.src" width="346rpx" height="320rpx" :lazy-load="true"
+									@click="toDetailPage()">
+								</u-image>
+								<view class="img_tag">{{item.img_tag}}</view>
+							</view>
+							<view style="padding: 18rpx;">
+								<view class="title_box">
+									<text class="title">{{item.title}}</text>
+									<u-tag :text="item.tag" type="warning" shape="circle"></u-tag>
+								</view>
+
+								<view class="product_desc">
+									{{item.desc}}
+								</view>
+								<view class="releaseDate">
+									<u-image src="/static/products/sy_icon_sjf.png" width="22rpx" height="22rpx"
+										:lazy-load="true">
+									</u-image>
+									<text class="release">发布日期：</text>
+									<text>{{item.time}}</text>
+								</view>
+							</view>
+						</view>
+					</u-grid-item>
+				</u-grid>
+			</view>
+		</view>
+
+		<!-- 认证厂家 -->
+		<view>
+			<view class="subtitle">
+				<u--image src="/static/report/hy_icon_cjx.png" width="24rpx" height="24rpx" :lazy-load="true">
+				</u--image>
+				<text class="rzcj_text text">认证厂家</text>
+			</view>
+			<view class="xw_content" v-for="(item,index) in cjsList" :key="index" @click="clickCj(index)">
+				<u--image :src="item.src" width="112rpx" height="112rpx" :lazy-load="true">
+				</u--image>
+				<view class="xw_right">
+					<view class="xw_title">
+						{{item.title}}
+					</view>
+					<view style="display: flex;">
+						<text class="cj_tags" v-for="(tagsItem,tagsIndex) in item.tags" :key="tagsIndex">
+							{{tagsItem.tag}}
+						</text>
+					</view>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
+
+<script>
+	export default {
+		data() {
+			return {
+				classifyList: [{
+						src: '/static/report/hy_icon_xw.png',
+						title: '行业新闻'
+					},
+					{
+						src: '/static/report/hy_icon_fu.png',
+						title: '新品发布'
+					},
+					{
+						src: '/static/report/hy_icon_cj.png',
+						title: '认证厂家'
+					},
+				],
+				productList: [{
+						src: '/static/products/zhanwei_dg.png',
+						title: '锅巴',
+						tag: '无添加剂',
+						img_tag: '零食铺子',
+						desc: '糯米蟹黄锅巴散装，非油炸绿色健康食品',
+						time: '2022-12-04'
+					},
+					{
+						src: '/static/products/zhanwei_dg(2).png',
+						title: '干吃汤圆',
+						tag: '天然原料',
+						img_tag: '糕点卷酥',
+						desc: '休闲食品厂家甜品糯米食品零食闽南特产宵夜好吃糍粑',
+						time: '2022-12-04'
+					},
+					{
+						src: '/static/products/zhanwei_dg(1).png',
+						title: '紫薯魔芋人参魔芋人参魔芋人参…',
+						tag: '天然原料',
+						img_tag: '健康创新',
+						desc: '紫薯魔芋人参代餐粉 冲调饮品贴牌加工 五谷杂粮粉代餐',
+						time: '2022-12-04'
+					},
+					{
+						src: '/static/products/zhanwei_dg(3).png',
+						title: '焦糖饼干',
+						tag: '无防腐剂',
+						img_tag: '饼干曲奇',
+						desc: '比利时风味焦糖饼干代餐小吃零食品',
+						time: '2022-12-04'
+					}
+				],
+				newsList: [{
+						src: '/static/report/zhanwei_xf.png',
+						title: '2022近50款食品饮料新品，创新的方向都在这里',
+						time: '2022-12-03 09:59',
+						place: '第一食品资讯官方账号'
+					},
+					{
+						src: '/static/report/zhanwei_zh.png',
+						title: '食品企业如何开发新产品？创新思维又发挥着怎样的效应呢？',
+						time: '2022-10-18 14:43',
+						place: '腾讯新闻 '
+					},
+					{
+						src: '/static/report/zhanwei_zh.png',
+						title: '食品企业如何开发新产品？创新思维又发挥着怎样的效应呢？',
+						time: '2022-10-18 14:43',
+						place: '腾讯新闻'
+					},
+				],
+				cjsList: [
+
+					{
+						src: '/static/report/cj1.png',
+						title: '西安兴沃丰餐饮管理有限责任公司',
+						tags: [{
+								tag: '咖啡'
+							},
+							{
+								tag: '饮品'
+							}
+						]
+					},
+					{
+						src: '/static/report/cj2.png',
+						title: '福建省海纳川食品有限公司',
+						tags: [{
+								tag: '活冻鲍鱼'
+							},
+							{
+								tag: '鲍鱼罐头'
+							},
+							{
+								tag: '佛跳墙'
+							},
+							{
+								tag: '海螺片'
+							}
+
+						]
+					},
+				]
+			}
+		},
+		methods: {
+			//点击一级分类
+			click(listIndex) {
+				//点击行内新闻时
+				if (listIndex == 0) {
+					uni.navigateTo({
+						url: '/pages/news/news'
+					})
+				} else if (listIndex == 2) {
+					uni.navigateTo({
+						url: '/pages/certifiedCj/certifiedCj'
+					})
+				}
+			},
+			// 跳转到新闻详情页
+			clickNews(index) {
+				if (index == 0) {
+					uni.navigateTo({
+						url: '/pages/detail/xwDetail/xwDetail'
+					})
+				}
+			},
+			//点击图片跳转到详情页
+			toDetailPage() {
+				uni.navigateTo({
+					url: '/pages/detail/productsDetail/productsDetail'
+				})
+			},
+			// 跳转到认证厂家详情页
+			clickCj(index) {
+				if (index == 0) {
+					uni.navigateTo({
+						url: '/pages/detail/certifiedCjDetail/certifiedCjDetail'
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	//分类模块
+	.classify {
+		background: #FFFFFF;
+		border-radius: 0 0 24rpx 24rpx;
+		box-shadow: 0px 2px 4px 0px rgba(206, 206, 206, 0.5);
+		padding-bottom: 30rpx;
+		margin: 0 16rpx;
+
+		.u-grid {
+			padding-top: 22rpx;
+
+			.grid-text {
+				padding-top: 8rpx;
+				font-size: 24rpx;
+			}
+		}
+	}
+
+	.subtitle {
+		margin: 24rpx 0 16rpx 16rpx;
+		display: flex;
+		align-items: center;
+
+		.text {
+			font-size: 28rpx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			line-height: 40rpx;
+			padding-left: 4rpx;
+		}
+	}
+
+	.xw_text {
+		color: #5ACCF0;
+	}
+
+
+	.xw_content {
+		background: #FFFFFF;
+		border: 1rpx solid #EEEEEE;
+		display: flex;
+		padding: 29rpx 19rpx;
+
+		.xw_right {
+			padding-left: 19rpx;
+			display: flex;
+			flex-direction: column;
+
+			.xw_title {
+				font-size: 30rpx;
+				font-family: PingFangSC-Medium, PingFang SC;
+				font-weight: bold;
+				color: #3E3E3E;
+				line-height: 42rpx;
+				-webkit-line-clamp: 2;
+				display: -webkit-box;
+				-webkit-box-orient: vertical;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+			.xw_time {
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #969696;
+				line-height: 33rpx;
+
+			}
+
+			.xw_place {
+				padding-left: 20rpx;
+			}
+
+			.cj_tags {
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #969696;
+				line-height: 33rpx;
+				padding-right: 10rpx;
+				margin-top: 35rpx;
+			}
+		}
+	}
+
+	.xpfb_text {
+		color: #FCAC18;
+	}
+
+	.rzcj_text {
+		color: #78E13A;
+	}
+
+	.products_box {
+		padding: 10rpx;
+
+		.u-grid-item {
+
+			.bgContent {
+				position: absolute;
+				right: 0;
+				top: 0;
+
+				.u-image__image {
+					margin-left: 5px;
+				}
+
+				.img_tag {
+					position: absolute;
+					padding: 2rpx 8rpx;
+					right: 5px;
+					top: 30rpx;
+					border-radius: 54rpx 0px 0px 54rpx;
+					box-shadow: 0px 2rpx 4rpx 0px #078C42;
+					background: linear-gradient(135deg, #0DB658 0%, #16DD6D 100%);
+					font-size: 20rpx;
+					color: #FFFFFF;
+					line-height: 28rpx;
+				}
+
+
+				.title_box {
+					position: relative;
+					width: 100%;
+					display: flex;
+					justify-content: space-between;
+					align-items: center;
+
+					.title {
+						width: 186rpx;
+						font-size: 26rpx;
+						font-family: PingFangSC-Medium, PingFang SC;
+						font-weight: bold;
+						color: #0EBB5B;
+						line-height: 37rpx;
+						overflow: hidden;
+						white-space: nowrap;
+						text-overflow: ellipsis;
+					}
+
+					.u-tag {
+						height: 26rpx;
+						line-height: 26rpx;
+						background: linear-gradient(124deg, #FEAA19 0%, #FDCF3A 100%);
+
+						.u-tag__text {
+							font-size: 20rpx;
+						}
+
+					}
+				}
+
+				.product_desc {
+					font-size: 22rpx;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #3E3E3E;
+					line-height: 26rpx;
+					margin-top: 24rpx;
+					margin-bottom: 20rpx;
+					-webkit-line-clamp: 2;
+					display: -webkit-box;
+					-webkit-box-orient: vertical;
+					overflow: hidden;
+					text-overflow: ellipsis;
+				}
+
+				.releaseDate {
+					font-size: 22rpx;
+					font-family: PingFangSC-Regular, PingFang SC;
+					font-weight: 400;
+					color: #A3A3A3;
+					line-height: 26rpx;
+					display: flex;
+					align-items: center;
+					padding-bottom: 25rpx;
+
+					image {
+						margin-left: 0;
+					}
+
+					.release {
+						padding: 0 10rpx 0 5rpx;
+					}
+				}
+			}
+
+		}
+	}
+</style>