feat:修改面授课

src/views/projectcenter/templateAdd.vue

@@ -31,7 +31,7 @@
             />
           </div>
         </div>
-        <div class="name" style="align-items: flex-start">
+        <div class="name flex-top">
           <div class="namebox" style="margin-top: 10px">
             <img
               class="nameimg"
@@ -39,7 +39,7 @@
             />
             <div class="inname">封面图</div>
           </div>
-          <div class="in select" style="display: flex">
+          <div class="in select" style="flex: 1; display: flex">
             <div
               :class="`box ${projectInfo.picUrl === src.value ? 'active' : ''}`"
               style="
@@ -52,6 +52,9 @@
               "
               v-for="(src, index) in projectPic"
               :key="index"
+              :style="{
+                display: index >= 3 ? 'none' : 'flex',
+              }"
               @click="() => (projectInfo.picUrl = src.value)"
             >
               <img
@@ -65,8 +68,33 @@
                 alt="avatar"
               />
             </div>
+            <div
+              @click="showLearnBgMore"
+              v-if="projectPic.length > 3"
+              style="
+                width: 100px;
+                height: 100px;
+                padding-left: 15px;
+                border-radius: 5px;
+                cursor: pointer;
+                position: relative;
+                overflow: hidden;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                border: 1px solid #c7cbd2;
+                font-size: 14px;
+                font-weight: 400;
+                color: #4ea6ff;
+                line-height: 36px;
+              "
+            >
+              查看更多
+              <img src="../../assets/images/projectadd/go.png" alt="" />
+            </div>
           </div>
         </div>
+
         <div class="name">
           <div class="namebox">
             <img
@@ -261,11 +289,13 @@ const getDetail = () =>
       dayjs(projectInfo.value.endTime).format("YYYY-MM-DD HH:mm"),
     ];
     projectInfo.value.courseSyncFlag = !!projectInfo.value.courseSyncFlag;
-    console.log("projectInfo", projectInfo);
+    console.log("查询到的模板库数据：" + JSON.stringify(projectInfo.value));
   });
 
 const backPage = () => {
-  router.back();
+  router.push({
+    path: "/libraryAdd",
+  });
 };
 
 function timeChange(e) {