From 75e366b1ba202dec9619e0407acb2ede41c38c6a Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期日, 24 八月 2025 19:31:58 +0800
Subject: [PATCH] 课程样式修改

---
 src/views/personalCenter/myCollection.vue |  120 ++++++++++++++++++++++++++++--------------------------------
 1 files changed, 56 insertions(+), 64 deletions(-)

diff --git a/src/views/personalCenter/myCollection.vue b/src/views/personalCenter/myCollection.vue
index c2b0b54..fccd321 100644
--- a/src/views/personalCenter/myCollection.vue
+++ b/src/views/personalCenter/myCollection.vue
@@ -15,19 +15,15 @@
               currentCollect == 'book' || currentCollect == 'textBooks'
                 ? 'bookCartContent cartContent'
                 : currentCollect == 'course'
-                ? 'courseCartContent cartContent'
-                : 'cartContent'
+                  ? 'courseCartContent cartContent'
+                  : 'cartContent'
             "
           >
             <div
               class="collectList flex jc-sb clear"
               v-if="collectList.length > 0 && !pages.loading"
             >
-              <div
-                v-for="(item, index) in collectList"
-                :key="index"
-                class="collectList-item fl"
-              >
+              <div v-for="(item, index) in collectList" :key="index" class="collectList-item fl">
                 <div class="cover" @click="goBookDetails(item.id, item.name)">
                   <img :src="item.icon" alt="" />
                 </div>
@@ -35,10 +31,7 @@
                   <span>{{ item.name }}</span>
                 </div>
                 <div class="currentBtn hover" @click="setCoolect(item)">
-                  <img
-                    src="@/assets/images/personalCenter/collect-click.png"
-                    alt="star"
-                  />
+                  <img src="@/assets/images/personalCenter/collect-click.png" alt="star" />
                 </div>
               </div>
             </div>
@@ -66,43 +59,43 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, ref, onMounted, inject, watch } from "vue";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { useUserStore } from "@/store";
-import { useRouter } from "vue-router";
-const userStore = useUserStore();
-const router = useRouter();
-const MG: any = inject("MG");
-const config: any = inject("config");
-let currentCollect = ref("book");
-let collectList = ref([]);
-const background = ref(false);
-const disabled = ref(false);
+import { reactive, ref, onMounted, inject, watch } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useUserStore } from '@/store'
+import { useRouter } from 'vue-router'
+const userStore = useUserStore()
+const router = useRouter()
+const MG: any = inject('MG')
+const config: any = inject('config')
+let currentCollect = ref('textBooks')
+let collectList = ref([])
+const background = ref(false)
+const disabled = ref(false)
 let pages = reactive({
   page: 1,
   pageSize: 10,
   count: 0,
   loading: false,
-});
-let linkType = ref("FavoriteBookCity");
+})
+let linkType = ref('FavoriteBookCity')
 
 const tabCart = (event: Event) => {
-  pages.page = 1;
-  pages.loading = true;
-  collectList.value = [];
-  currentCollect.value = event.props.name;
-  if (currentCollect.value == "textBooks") {
-    linkType.value = "FavoriteBookCity";
+  pages.page = 1
+  pages.loading = true
+  collectList.value = []
+  currentCollect.value = event.props.name
+  if (currentCollect.value == 'textBooks') {
+    linkType.value = 'FavoriteBookCity'
   }
-  getDataList();
-};
+  getDataList()
+}
 
 function getDataList() {
-  pages.loading = true;
+  pages.loading = true
   MG.store
     .getProductList({
       handelEBooK: true,
-      queryType: "AppUserProductLink",
+      queryType: 'AppUserProductLink',
       linkType: linkType.value,
       paging: {
         start: pages.pageSize * pages.page - pages.pageSize,
@@ -110,17 +103,17 @@
       },
     })
     .then((res) => {
-      collectList.value = res.datas;
-      pages.count = res.total;
-      pages.loading = false;
+      collectList.value = res.datas
+      pages.count = res.total
+      pages.loading = false
     })
     .catch(() => {
-      pages.loading = false;
-    });
+      pages.loading = false
+    })
 }
 onMounted(() => {
-  getDataList();
-});
+  getDataList()
+})
 
 // watch(
 //   () => userStore.token,
@@ -130,16 +123,16 @@
 // )
 
 const handleCurrentChange = (val: number) => {
-  pages.page = val;
-  getDataList();
-};
+  pages.page = val
+  getDataList()
+}
 
 const setCoolect = (item) => {
-  ElMessageBox.confirm("纭畾瑕佸彇娑堟敹钘忓悧锛�", {
-    confirmButtonText: "纭畾",
-    cancelButtonText: "鍙栨秷",
+  ElMessageBox.confirm('纭畾瑕佸彇娑堟敹钘忓悧锛�', {
+    confirmButtonText: '纭畾',
+    cancelButtonText: '鍙栨秷',
     autofocus: false,
-    type: "warning",
+    type: 'warning',
   })
     .then(() => {
       MG.store
@@ -149,24 +142,24 @@
         })
         .then(() => {
           ElMessage({
-            message: "鏀惰棌宸插彇娑堬紒",
-            type: "success",
-          });
-          pages.page = 1;
-          getDataList();
-        });
+            message: '鏀惰棌宸插彇娑堬紒',
+            type: 'success',
+          })
+          pages.page = 1
+          getDataList()
+        })
     })
-    .catch(() => {});
-};
+    .catch(() => {})
+}
 // 璺宠浆涔︽湰璇︽儏
 const goBookDetails = (id: number, name: string) => {
   router.push({
-    path: "/bookdetail",
+    path: '/bookdetail',
     query: {
       bookId: id,
     },
-  });
-};
+  })
+}
 </script>
 <style lang="less" scoped>
 .cartClass {
@@ -287,12 +280,11 @@
   padding: 2px;
   background-color: #fff;
   position: absolute;
-  top: 10px;
-  right: 10px;
+  top: 5px;
+  right: 2px;
 
   img {
-    width: 16px;
-    height: 16px;
+    height: 20px;
   }
 }
 

--
Gitblit v1.9.1