<template>
  
	<view class="page__view">

		<navbar title="我的收藏" leftClick @leftClick="$utils.navigateBack" bgColor="#FFFFFF" />
  
    <view class="list">
      <view class="list-item" v-for="item in list" :key="item.id">
        <productCard :data="item.activity" @collect="getData"></productCard>
      </view>
    </view>
  </view>
</template>

<script>
	import mixinsList from '@/mixins/list.js'

	import productCard from '@/components/product/productCard.vue'

  export default {
		mixins: [mixinsList],
		components: {
			productCard,
		},
    data() {
      return {
				mixinsListApi: 'queryCollectionActivityList',
      }
    },
  }
</script>

<style lang="scss" scoped>
	.page__view {
    background: $uni-bg-color;
  }

  .list {
    padding: 32rpx;

    &-item {
      & + & {
        margin-top: 32rpx;
      }
    }
  }
</style>