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

<template>
	<view class="exhibitor-item" hover-class="active" @click="onClickExhibitor">
		<view class="exhibitor-body">
			<view class="exhibitor-logo"><image :src="item.logo" mode="aspectFit" /></view>
			<view class="exhibitor-name">
				<view class="exhibitor-name-cn">{{ item.name_zh_cn }}</view>
				<view class="exhibitor-name-en">{{ item.name_en_us }}</view>
			</view>
			<view class="exhibitor-number">
				<view class="exhibitor-number-label">展位号:</view>
				<view class="exhibitor-number-text">{{ item.hall_booth_no }}</view>
			</view>
		</view>
		<view v-if="!footerHidden" class="exhibitor-footer">
			<view class="exhibitor-views">浏览：{{ item.pv }}</view>
			<view class="exhibitor-action">
				<view>
					<button :plain="true" @click.stop="onShare(item)">
						<view>
							<view class="iconfont icon-zhuanfa"></view>
							<view>分享</view>
						</view>
					</button>
				</view>
				<view>
					<view v-if="item.is_collect" 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.is_like" class="iconfont icon-aixin active"></view>
					<view v-else class="iconfont icon-heart1"></view>
					<view>点赞</view>
				</view>
				<view>
					<view v-if="item.is_poll" 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 || '科世达（上海）连接器有限公司',
					path: `/pages/exhibitor/exhibit-detail`,
					imageUrl: item.logo || 'https://oss.starify.cn/prod/starify/up/0001018678/20241108/672da70c02212.png?x-oss-process=image/resize,w_400'
				}
				this.$emit('share', {
					detail: shareInfo
				})
			},
			onClickExhibitor() {
				this.navigateTo('/pages/exhibitor/detail')
			}
		}
	}
</script>
<style lang="scss">
</style>