mp_exhibitor_miniprog/pages/exhibitor/components/exhibit-item.vue

<template>
	<view class="exhibit-item exhibitor-item" hover-class="active" @click="onClickExhibit(item)">
		<view class="exhibit-body">
			<view class="exhibitor-body">
				<view class="exhibitor-logo"><image src="https://oss.starify.cn/prod/starify/up/0001000075/20241113/67343f1c494de.png?x-oss-process=image/resize,w_400" mode="aspectFit" /></view>
				<view class="exhibitor-name">汽车连接器 86W MLK 1,2 SD-HOLDER</view>
				<view class="exhibitor-number">
					<view class="exhibitor-number-label">展位号:</view>
					<view class="exhibitor-number-text">E1.1101</view>
				</view>
			</view>
			<view class="exhibitor-name">
				<view class="exhibitor-name-cn">科世达（上海）连接器有限公司</view>
				<view class="exhibitor-name-en">Leopold Kostal GmbH & Co. KG</view>
			</view>
		</view>
		<view v-if="!footerHidden" class="exhibitor-footer">
			<view class="exhibitor-views">浏览：30911</view>
			<view class="exhibitor-action">
				<view>
					<button @click.stop="onShare(item)" :plain="true">
						<view>
							<view class="iconfont icon-zhuanfa"></view>
							<view>分享</view>
						</view>
					</button>
				</view>
				<view>
					<view v-if="item.favourited" class="iconfont icon-favourites-filled-star-symbol active"></view>
					<view v-else class="iconfont icon-Favourites-Add-Large"></view>
					<view>收藏</view>
				</view>
				<view>
					<view v-if="item.liked" class="iconfont icon-aixin active"></view>
					<view v-else class="iconfont icon-heart1"></view>
					<view>点赞</view>
				</view>
				<view>
					<view v-if="item.voted" class="iconfont icon-Ticket1 active"></view>
					<view v-else class="iconfont icon-xiaochengxu-toupiaoicon"></view>
					<view>投票</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		options: {
			styleIsolation: 'shared'
		},
		components: {
		},
		props: {
			// 数据
			item: Object,
			footerHidden: Boolean
		},
		data() {
			return {
			}
		},
		created() {
		},
		methods: {
			onShare(item) {
				const shareInfo = {
					title: item.name || '汽车连接器 86W MLK 1,2 SD-HOLDER',
					path: `/pages/exhibitor/exhibit-detail`,
					imageUrl: 'https://oss.starify.cn/prod/starify/up/0001000075/20241113/67343f1c494de.png?x-oss-process=image/resize,w_400'
				}
				this.$emit('share', {
					detail: shareInfo
				})
			},
			onClickExhibit(item) {
				uni.navigateTo({
					url: '/pages/exhibitor/exhibit-detail'
				})
			}
		}
	}
</script>
<style lang="scss">
</style>