| | |
| | | </div> |
| | | </div> |
| | | <div class="myCarTopPage" v-else> |
| | | <el-empty description="您还未购买任何图书" :image-size="200" /> |
| | | <el-empty style="margin: auto" description="您还未购买任何图书" :image-size="200" /> |
| | | </div> |
| | | </div> |
| | | <div class="pageCon"> |
| | |
| | | import { reactive, ref, onMounted, inject, watch } from 'vue' |
| | | import { useRouter } from 'vue-router' |
| | | import defaultImg from '@/assets/images/default-book-img.png' |
| | | import { useUserStore } from '@/store' |
| | | import tool from '@/assets/js/toolClass' |
| | | const MG: any = inject('MG') |
| | | const config: any = inject('config') |
| | | const router = useRouter() |
| | | let collectList = ref([]) |
| | | let currentCollect = ref('book') |
| | | let isLoading = ref(false) |
| | | let pages = reactive({ |
| | | page: 1, |
| | | pageSize: 10, |
| | | count: 0, |
| | | loading: false, |
| | | }) |
| | | let linkType = ref('PurchasedProduct') |
| | | |
| | | let paginationData = reactive({ |
| | | page: 1, |
| | | limit: 10, |
| | | limit: 6, |
| | | totalCount: 0, |
| | | totalPage: 0, |
| | | }) |
| | |
| | | } |
| | | .details div:first-child { |
| | | font-size: 16px; |
| | | color: #2b68cd; |
| | | color: #019e58; |
| | | margin-bottom: 11px; |
| | | line-height: 24px; |
| | | } |
| | | |
| | | .details div:nth-child(2) { |
| | |
| | | cursor: pointer; |
| | | margin: 10px; |
| | | box-sizing: border-box; |
| | | padding: 10px 30px; |
| | | border: 1px solid #ddd; |
| | | padding: 15px 30px; |
| | | border: 1px solid #b1ccc1; |
| | | box-sizing: border-box; |
| | | border-radius: 5px; |
| | | } |
| | | .bookone:hover { |
| | | -moz-box-shadow: 4px 3px 6px rgba(0, 0, 0, 0.3); |
| | |
| | | .bookone .imgBox { |
| | | position: relative; |
| | | width: 120px; |
| | | height: 160px; |
| | | height: 150px; |
| | | background: #fff; |
| | | box-shadow: 0px 0px 20px 1px #ccc; |
| | | } |