feat: 只保留前端部分

src/components/Home/Home.vue

@@ -1,14 +1,12 @@
 <script setup lang="ts">
-import { onMounted,reactive } from 'vue';
+import { onMounted } from 'vue';
 import { RouterLink } from "vue-router"
 import { Star } from '@element-plus/icons-vue'
 import { useToolsStore } from '@/store/modules/tools'
-import { useUserStore } from '@/store/modules/user'
-import { ElMessage } from 'element-plus'
+// import { ElMessage } from 'element-plus'
 import { useRoute } from "vue-router"
 //store
 const toolsStore = useToolsStore()
-const userStore = useUserStore()
 const route = useRoute()
 // const getToolsCate = async () => {
 //   try {
@@ -18,25 +16,6 @@ const route = useRoute()
 //   }
 // }
 
-//收藏
-const toolCollect = reactive({
-  toolId: 0
-})
-const collect = async (toolId) => {
-  try {
-    if (!userStore.isLogin()) {
-      //未登录,弹出登录窗口
-      ElMessage.error('请登录')
-      return 
-    }
-    toolCollect.toolId = toolId
-    await toolsStore.toolCollect(toolCollect)
-    // ElMessage.success('收藏成功')
-  } catch (error: any) {
-    ElMessage.error(error.message)
-  }
-  return
-}
 
 onMounted(() => {
   // getToolsCate()
@@ -50,39 +29,6 @@ onMounted(() => {
 
 <template>
   <div class="md:mr-6 c-xs:mr-0">
-    <!-- collect -->
-    <div id="collect">
-      <!-- cate title -->
-      <div class="md:mt-8 md:mb-8 c-xs:mt-1 c-xs:mb-4 text-xl font-bold text-[--base-black]">
-        我的收藏
-      </div>
-      <!-- card -->
-      <div class="flex justify-between flex-wrap self-card-div c-xs:ml-3" :gutter="10" v-if="toolsStore.collect.length > 0">
-          <router-link v-for="(item, index) in toolsStore.collect" :key="index" :to="item.url" class="flex flex-col mt-5 border-solid rounded-2xl border-gray w-[24%] p-2 bg-white hover:shadow-md c-xs:w-[99.5%] c-md:w-[24%] c-sm:w-[32%] p-5">
-            <div class="flex items-center border-b pb-2">
-              <el-image :src="item.logo" class="w-10 h-10 min-h-[2.5rem] min-w-[2.5rem] rounded-full"></el-image>
-              <div class="flex flex-col ml-2 w-full">
-                <div class="flex">
-                  <div class="font-semibold text-lg line-clamp-1">{{ item.title }}</div>
-                </div>
-                <div class="flex justify-between">
-                  <el-text size="small">{{ item.cate }}</el-text>
-                  <el-button :icon="Star" circle size="small" @click.prevent="collect(item.id)"  type="warning"/>
-                </div>
-              </div>
-            </div>
-            <div class="flex items-center justify-between mt-2">
-              <el-text line-clamp="2">{{ item.desc }}</el-text>
-            </div>
-          </router-link>
-          <!-- 占位 div -->
-          <div class="w-[24%] c-md:w-[24%] c-sm:w-[32%]"></div>
-      </div>
-      <div v-else class="bg-white rounded-2xl">
-        <el-empty description="暂无收藏" />
-      </div>
-    </div>
-
     <!-- list -->
     <div v-for="(cate, index) in toolsStore.cates" :key="index">
       <!-- cate title -->
@@ -100,7 +46,7 @@ onMounted(() => {
                 </div>
                 <div class="flex justify-between">
                   <el-text size="small">{{ item.cate }}</el-text>
-                  <el-button :icon="Star" circle size="small" @click.prevent="collect(item.id)" type="warning" :plain="!toolsStore.collectIds.includes(item.id)"/>
+                  <!-- <el-button :icon="Star" circle size="small" @click.prevent="collect(item.id)" type="warning" :plain="!toolsStore.collectIds.includes(item.id)"/> -->
                 </div>
               </div>
             </div>