<template> <view class="exhibitor-item" hover-class="active" @click="onClickExhibitor(item.id)"> <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 v-if="pollShow"> <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, pollShow: Number }, 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(id) { this.navigateTo('/pages/exhibitor/detail?id=' + id) } } } </script> <style lang="scss"> </style>