搜索页、行业报告 分包

packageReport/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/zhanwei_xf(1).png'
+					}, {
+						src: '/static/report/zhanwei_xf(1).png'
+					}, {
+						src: '/static/report/zhanwei_xf(1).png'
+					},
+					{
+						src: '/static/report/zhanwei_xf(1).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>