update 搜索结果卡片样式优化，新增主页(待修改)

view/src/menu/leftMenu.vue

@@ -16,7 +16,7 @@ import {
 
   <el-scrollbar>
     <el-menu v-model="sel" :router="true">
-      <el-menu-item index="1">
+      <el-menu-item index="/">
         <el-icon>
           <el-icon>
             <House/>
@@ -38,23 +38,9 @@ import {
             </el-icon>
             电视剧订阅
           </el-menu-item>
-          <el-menu-item index="">
-            <el-icon>
-              <VideoPlay/>
-            </el-icon>
-            电影订阅
-          </el-menu-item>
-        </el-menu-item-group>
-      </el-sub-menu>
-      <el-sub-menu index="3">
-        <template #title>
-          <el-icon><Collection /></el-icon>
-          订阅记录
-        </template>
-        <el-menu-item-group>
           <el-menu-item index="">
             <el-icon><CircleCheck /></el-icon>
-            完成记录
+            发布记录
           </el-menu-item>
           <el-menu-item index="">
             <el-icon><CircleClose /></el-icon>
@@ -62,13 +48,14 @@ import {
           </el-menu-item>
         </el-menu-item-group>
       </el-sub-menu>
-      <el-menu-item index="4">
+
+      <el-menu-item index="3">
         <el-icon>
           <el-icon><Operation /></el-icon>
         </el-icon>
         <span>系统设置</span>
       </el-menu-item>
-      <el-sub-menu index="5">
+      <el-sub-menu index="4">
         <template #title>
           <el-icon>
             <Check/>

view/src/page/main.vue

@@ -0,0 +1,22 @@
+<script setup>
+
+import {Close, Position, Star} from "@element-plus/icons-vue";
+</script>
+
+<template>
+  <el-row :gutter="12">
+    <el-col :span="8">
+      <el-card shadow="hover"> <el-icon><Star /></el-icon> 订阅 </el-card>
+    </el-col>
+    <el-col :span="8">
+      <el-card shadow="hover"> <el-icon><Position /></el-icon> 发布 </el-card>
+    </el-col>
+    <el-col :span="8">
+      <el-card shadow="hover"> <el-icon><Close /></el-icon> 失败 </el-card>
+    </el-col>
+  </el-row>
+</template>
+
+<style scoped lang="scss">
+
+</style>

view/src/page/subscribe/addSubscribe.vue

@@ -6,17 +6,16 @@
         <el-card @click="getInfo(i.id,i.img)" shadow="hover" :body-style="{ padding: '0px' }">
           <img :src="i.img" class="image"/>
           <div style="padding: 14px">
-            <span>{{ i.title }}({{ i.year }})</span>
+            <span style="width: 100%;white-space: nowrap;text-overflow:ellipsis;">{{ i.title }}</span>
             <div class="bottom">
-              <time class="time">类型：{{ i.type }}</time>
+              <time class="time">上映时间：{{ i.year }}</time>
               <el-button text class="button">详情</el-button>
             </div>
           </div>
         </el-card>
       </div>
     </div>
-    <el-dialog v-model="dialogFormVisible" title="详情">
-
+    <el-dialog v-model="dialogFormVisible" title="添加订阅">
       <div style="display: flex;align-items: center;padding: 5px">
         <el-input style="width: 100%" v-model="enName">
           <template #prepend>英文名</template>

view/src/router/index.js

@@ -5,6 +5,11 @@ const routes = [
     {
         path: "/",
         children: [
+            {
+                path: "/",
+                name: "index",
+                component: () => import ("../page/main.vue")
+            },
             {
                 path: "downloadTest",
                 name: "downloadTest",
@@ -18,12 +23,12 @@ const routes = [
             {
                 path: "subscribe",
                 name: "subscribe",
-                component:() => import ("../page/subscribe/subscribe.vue")
+                component: () => import ("../page/subscribe/subscribe.vue")
             },
             {
                 path: "addSubscribe",
                 name: "addSubscribe",
-                component:() => import ("../page/subscribe/addSubscribe.vue")
+                component: () => import ("../page/subscribe/addSubscribe.vue")
             }
         ],
         component: () => import("../page/index.vue"),