feat:视频管理，页面调整。

src/components/TabTitle/index.vue

@@ -16,9 +16,10 @@ export default defineComponent({
 </script>
 
 <style scope lang="scss">
-    .tab-title{
+.tab-title {
   display: flex;
-      align-items:center;/*for vertical align*/
+  align-items: center;
+  /*for vertical align*/
   font-size: 20px;
   height: 50px;
   color: #1890FF;
@@ -26,18 +27,22 @@ export default defineComponent({
   margin-bottom: 10px;
   border-radius: 5px;
   padding: 0;
-      .el-card__body{
+
+  .el-card__body {
     padding: 0 !important;
   }
-    }
-    .tab-title::before{
-      content:"";
+}
+
+.tab-title::before {
+  content: "";
   display: inline-block;
-      width: 8px; /* 矩形的宽度 */
-      height: 28px; /* 矩形的高度 */
-      background-color: #1890FF; /* 矩形的背景颜色 */
+  width: 8px;
+  /* 矩形的宽度 */
+  height: 28px;
+  /* 矩形的高度 */
+  background-color: #1890FF;
+  /* 矩形的背景颜色 */
   margin-right: 8px;
   border-radius: 8px;
-    }
-
-</style>
+  margin-left: 8px;
+}</style>

src/views/algorithmList/index.vue

@@ -25,7 +25,7 @@
               default-active="2"
               class="el-menu-vertical-demo"
             >
-              <el-menu-item v-for="item in algorithmList" :index="item.name">
+              <el-menu-item v-for="item in algorithmList" :key="item.name" :index="item.name">
                 <span>{{ item.name }}</span>
               </el-menu-item>
             </el-menu>