。

src/api/my.js

@@ -7,6 +7,11 @@ export function checkIn(data = {}) {
 export function collectList(data = {}) {
   return request.get('/collect/list',data)
 }
+// 收藏数
+export function queryCollectCount(data = {}) {
+  return request.get('/collect/queryCollectCount',data)
+}
+
 // 查询会员类型
 export function vipList(data = {}) {
   return request.get('/type/list',data)

src/pages/Personal/Collection.vue

@@ -15,7 +15,7 @@
             </div>
             <div class="">{{ item.courseIntro }}</div>
           </div>
-          <div @click="cancelCollect(item,index)" class="btn flex-center active">
+          <div @click="cancelCollect(item, index)" class="btn flex-center active">
             <img src="/src/assets/imgs/my/star@2x.png" alt="">
             <div class="">{{ $t('common.cancelCollect') }}</div>
           </div>
@@ -37,8 +37,8 @@ import { collect } from '@/api/course'
 
 import DGTMessage from '@/utils/message'
 
-import { useI18n } from 'vue-i18n' 
-const { t } = useI18n() 
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
 
 const form = ref({
   pageNum: 1,
@@ -49,10 +49,9 @@ const form = ref({
 const list = ref([])
 
 // 取消收藏
-const cancelCollect = async (item,index) =>{
-  let res = await collect({objectId:item.objectId});
-  console.log(res)
-   DGTMessage.success(`${t('common.unCollect')}${t('common.success')}`)
+const cancelCollect = async (item, index) => {
+  let res = await collect({ objectId: item.objectId });
+  DGTMessage.success(`${t('common.unCollect')}${t('common.success')}`)
   getList()
 }
 

src/pages/PersonalCenter.vue

@@ -27,7 +27,7 @@
             </div>
             <div class="personal-user-line"></div>
             <div class="personal-user-li">
-              <span>0</span>
+              <span>{{ collectCount }}</span>
               <span>{{ $t('common.collect') }}</span>
             </div>
           </div>
@@ -168,7 +168,7 @@ import { useRoute, useRouter } from 'vue-router'
 
 import { getUserInfo } from '@/api/auth.js'
 
-import { checkIn } from '@/api/my.js'
+import { checkIn,queryCollectCount } from '@/api/my.js'
 
 import DGTMessage from '@/utils/message'
 
@@ -286,6 +286,7 @@ const getInfo = async () => {
   userInfo.value = res.user;
 }
 
+const collectCount = ref(0)
 
 const inputValue = ref('')
 
@@ -314,8 +315,14 @@ const handleInputConfirm = () => {
   inputValue.value = ''
 }
 
+const getCount = async () => {
+  let res = await queryCollectCount();
+  collectCount.value = res.data.collectCount;
+}
+
 onMounted(() => {
   getInfo()
+  getCount()
 })
 </script>
 <style lang="scss" scoped>