<template>
	<view class="exhibitor-detail">
		<nav-bar title="展商详情" @init="onInitNavbar"></nav-bar>
		<u-scroll-view>
			<view class="main-container">
				<view class="exhibitor-main">
					<view class="exhibitor-logo">
						<image src="/static/img/example/exhibitor_logo.png" mode="widthFix" />
					</view>
					<view class="exhibitor-title">
						<view class="exhibitor-title-1">
							科世达（上海）连接器有限公司 AB
						</view>
						<view class="exhibitor-title-2">
							 Leopold Kostal GmbH & Co. KG
						</view>
						<view class="exhibitor-title-3">
							中国（含港澳台）
						</view>
					</view>
					<view class="exhibitor-number">
						<view class="exhibitor-number-label">展位号:</view>
						<view class="exhibitor-number-text">E1.1101</view>
					</view>
				</view>
				<view class="exhibitor-desc">
					科世达（上海）连接器有限公司从事连接器、连接器系统的生产加工，汽车零部件、电子元器件、机械设备及其零配件、工具、模具、连接器产品及其生产设备的批发、进出口、佣金代理（拍卖除外），并提供相关配套服务（包括上门安装、保养、维修服务）。
				</view>
				<view class="exhibitor-tags">
					<view class="exhibitor-tags-category">产品分类：</view>
					<view class="exhibitor-tags-list">
						<view class="exhibitor-tag">柔性与印刷电子</view>
						<view class="exhibitor-tag">电子制造服务</view>
						<view class="exhibitor-tag">PCB焊接和连接技术</view>
						<view class="exhibitor-tag">线束和连接器</view>
						<view class="exhibitor-tag">柔性与印刷电子</view>
						<view class="exhibitor-tag">电子制造服务</view>
					</view>
				</view>
				<view class="exhibitor-tags">
					<view class="exhibitor-tags-category">应用领域：</view>
					<view class="exhibitor-tags-list"></view>
					<view class="exhibitor-tag">电脑和周边设备</view>
					<view class="exhibitor-tag">新能源</view>
				</view>
				<view class="exhibitor-operation">
					<view class="exhibitor-views">浏览：30911</view>
					<view class="exhibitor-action">
						<view>
							<view class="iconfont icon-xiaochengxu-renqiicon"></view>
							<view>人气：11192</view>
						</view>
						<view>
							<view class="iconfont icon-zhuanfa"></view>
							<view>分享</view>
						</view>
						<view>
							<view class="iconfont icon-Favourites-Add-Large"></view>
							<view>收藏</view>
						</view>
						<view>
							<view class="iconfont icon-Heart"></view>
							<view>点赞</view>
						</view>
						<view>
							<view class="iconfont icon-xiaochengxu-toupiaoicon"></view>
							<view>投票</view>
						</view>
					</view>
				</view>
				<u-panel title="展品资料">
					<exhibit-recommend />
					<view class="click-more"><van-button type="primary">点击展开更多展品</van-button></view>
				</u-panel>
				<u-panel title="展商新闻">
					<news-recommend recommend-type="detail" />
					<view class="click-more"><van-button type="primary">点击展开更多新闻</van-button></view>
				</u-panel>
				<u-panel title="展商活动">
					<activity-recommend recommend-type="detail" />
					<view class="click-more"><van-button type="primary">点击展开更多活动</van-button></view>
				</u-panel>
			</view>
		</u-scroll-view>
	</view>
</template>

<script>
	import ExhibitRecommend from '@/pages/exhibitor/components/exhibit-recommend.vue'
	import NewsRecommend from '@/pages/news/components/news-recommend.vue'
	import ActivityRecommend from '@/pages/activity/components/activity-recommend.vue'
	
	export default {
		options: {
			// styleIsolation: 'shared'
		},
		components: {
			ExhibitRecommend,
			ActivityRecommend,
			NewsRecommend
		},
		computed: {
		},
		data() {
			return {
				
			}
		},
		created() {
		},
		methods: {
		}
	}
</script>

<style lang="scss">
	@import "@/static/style/exhibitor-detail.scss";
	.exhibitor-detail{
		.exhibitor-main{
			display: flex;
		}
		.exhibitor-logo{
			width: 166rpx;
			height: 166rpx;
			background: #FFFFFF;
			border: 1rpx solid #D9D9D9;
			image{
				width: 100%;
				height: 100%;
			}
		}
		.exhibitor-title{
			font-family: Poppins, Poppins;
			font-size: 30rpx;
			color: #000000;
			line-height: 40rpx;
			padding-left: 19rpx;
			padding-right: 24rpx;
			.exhibitor-title-1{
				font-weight: bold;
			}
			.exhibitor-title-2 {
				font-size: 28rpx;
			}
			.exhibitor-title-3 {
				font-size: $fontSize0;
				color: #333333;
				line-height: 20rpx;
				margin-top: 10rpx;
			}
		}
		.exhibitor-number{
			flex-shrink: 0;
			justify-content: flex-end;
			margin-top: 12rpx;
		}
		.exhibitor-number-label{
			font-size: $fontSize0;
			color: #555555;
		}
		.exhibitor-number-text{
			font-family: Poppins, Poppins;
			font-weight: bold;
			font-size: $fontSize5;
			color: #E57519;
			letter-spacing: 2rpx;
		}
		.exhibitor-desc{
			font-family: Poppins, Poppins;
			font-size: $fontSize1;
			color: #333333;
			line-height: 35rpx;
			margin-top: 30rpx;
			margin-bottom: 12rpx;
		}
		.u-panel{
			margin-top: 40rpx;
		}
		.click-more{
			display: flex;
			justify-content: center;
			margin-top: 49rpx;
		}
	}
</style>