<template>
  <div class="book-list">
    <template v-for="(item, key) in items" :key="key">
      <book-card type="C" :item="item" @on-click="go('/client/bookDetail', { id: item.id })"></book-card>
    </template>
  </div>
  <van-empty v-if="emptyStatus"
    class="custom-image"
    :image="no_image"
    description="暂无订阅"
  />
</template>

<script setup>
import no_image from '@images/que-shuju@2x.png'
import BookCard from '@/components/BookCard/index.vue'
import { ref } from 'vue'
import axios from '@/utils/axios';
import { useGo } from '@/hooks/useGo'

const go = useGo()
// 因为不能让空图标提前出来的写法
const emptyStatus = ref(false);

const items = ref([]);
axios.get('/srv/?a=my_subscribe')
  .then(res => {
    if (res.data.code === 1) {
      items.value = res.data.data;
      if (!res.data.data.length) {
        emptyStatus.value = true;
      }
    } else {
      console.warn(res);
      if (!res.data.show) return false;
      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>