<template>
  <div class="book-video-list">
    <template v-for="item in prodList" :key="item" style="height: 3rem;">
      <video-card :item="item"></video-card>
    </template>
    <div style="height: 2rem;"></div>
  </div>
</template>

<script setup>
import VideoCard from '@/components/VideoCard/index.vue'
import Cookies from 'js-cookie'

import { ref } from 'vue'
import axios from '@/utils/axios';
import { Toast } from 'vant';
import $ from 'jquery'
import _ from 'lodash'

/******************** 返回点击位置 ********************/
window.addEventListener('scroll', () => {
  if (window.scrollY) {
    Cookies.set('scrollTopCollection', window.scrollY);
  }
})

const scrollTopCollection = Cookies.get('scrollTopCollection') ? Number(Cookies.get('scrollTopCollection')) : 0;
if (scrollTopCollection) {
  setTimeout(() => {
    $("html,body").animate({ "scrollTop": scrollTopCollection })
  }, 500)
}
/*****************************************************/

// 处理书籍下作品列表
const prodList = ref([])
axios.get('/srv/?a=my_favor')
  .then(res => {
    if (res.data.code === 1) {
      prodList.value = res.data.data.prod;
      _.each(prodList.value, (item) => {
        item.type = 'read-only' // 特殊标识，判断入口 为keepAlive使用
      })
    } else {
      console.warn(res);
      Toast({
        icon: 'close',
        message: res.data.msg
      });
    }
  })
  .catch(err => {
    console.error(err);
  });


</script>

<script>
import mixin from 'common/mixin';

export default {
  mixins: [mixin.init],
  data() {
    return {

    }
  },
  mounted() {

  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
</style>