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>{{ item.title }}</view>
			<view v-if="!favoritesHidden" @click="onCollect(item)" 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">{{ formatDate(item.pub_date) }} | {{ item.address }}</view>
		<view class="activity-views">浏览：{{ item.view }}</view>
		<view class="activity-desc">
			<view>
				{{ item.description }}
			</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>
	import { meetingCollect, meetingCancelCollect, meetingView } from '@/api/exhibitor'
	
	export default {
		options: {
			styleIsolation: 'shared'
		},
		components: {
		},
		props: {
			// 数据
			item: Object,
			favoritesHidden: Boolean
		},
		data() {
			return {
				websiteUrl: process.env.WEBSITE
			}
		},
		created() {
		},
		methods: {
			onCollect(item) { // 收藏
				this.checkAuth('pages/activity/index')
				if (item.is_collect === 1) {
					meetingCancelCollect({ id: item.id }).then(res => {
						if (res.code === 0) {
							item.is_collect = 0
						}
					})
				} else {
					meetingCollect({ id: item.id }).then(res => {
						if (res.code === 0) {
							item.is_collect = 1
						}
					})
				}
			},
			formatDate(dateString) {
			  const date = new Date(dateString);
			  const year = date.getFullYear();
			  const month = date.getMonth() + 1; // 月份从 0 开始
			  const day = date.getDate();
			  return `${year}年${month}月${day}日`;
			},
			onClickActivity(item){
				this.navigateTo(this.websiteUrl + '/' + item.urla)
			}
		}
	}
</script>
<style lang="scss">
</style>