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

<template>
	<view class="activity-item" hover-class="active" @click="onClickActivity(item)">
		<view class="activity-title">
			<view>TGV先进材料及封装产业化机遇高峰论坛</view>
			<view v-if="!favoritesHidden" class="activity-favourites" :class="{ 'active': index === 1 }">
				<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 class="activity-favourites-text">收藏</view>
			</view>
		</view>
		<view class="activity-time">2024年03月20日 | E1馆二楼M16会议室</view>
		<view class="activity-views">浏览：1080</view>
		<view class="activity-desc">
			<view>
				本次论坛将探讨玻璃基芯片板级封装载板在Mini/Micro直显、MIP封装、2.5D/3D封装、射频芯片载板、光通信芯片载板以及其他芯片载板，尤其是半导体先进封装领域的应用。
			</view>
			<view>
				<van-button class="activity-detail-link" type="primary">
					<template>
						<view>了解详情</view> <view class="arrow iconfont icon-right-s"></view>
					</template>
				</van-button>
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		options: {
			styleIsolation: 'shared'
		},
		components: {
		},
		props: {
			// 数据
			item: Object,
			favoritesHidden: Boolean
		},
		data() {
			return {
			}
		},
		created() {
		},
		methods: {
			onClickActivity(item){
				this.navigateTo('/pages/activity/detail')
			}
		}
	}
</script>
<style lang="scss">
</style>