update

src/components/Navbar.vue

@@ -25,24 +25,16 @@ function handleClose(value) {
       <li>
         <router-link :to="'/news'">最新消息</router-link>
       </li>
+      <li>
+        <router-link :to="'/course-list'">探索課程</router-link>
+      </li>
       <li class="position-relative">
-        <a
-          href="javascript:;"
-          @mouseover="collegeMenuShow = true"
-          @mouseleave="collegeMenuShow = false"
-          >工藝學群</a
-        >
-        <div
-          class="college-slider"
-          :class="{ slider: collegeMenuShow }"
-          @mouseover="collegeMenuShow = true"
-          @mouseleave="collegeMenuShow = false"
-        >
+        <a href="javascript:;" @mouseover="collegeMenuShow = true" @mouseleave="collegeMenuShow = false">工藝學群</a>
+        <div class="college-slider" :class="{ slider: collegeMenuShow }" @mouseover="collegeMenuShow = true"
+          @mouseleave="collegeMenuShow = false">
           <ul>
             <li>
-              <router-link :to="'/college-group/generation'"
-                >世代工藝</router-link
-              >
+              <router-link :to="'/college-group/generation'">世代工藝</router-link>
             </li>
             <li>
               <router-link :to="'/college-group/future'">未來工藝</router-link>
@@ -54,9 +46,7 @@ function handleClose(value) {
               <router-link :to="'/college-group/craft'">技藝工藝</router-link>
             </li>
             <li>
-              <router-link :to="'/college-group/teenager'"
-                >青年工藝</router-link
-              >
+              <router-link :to="'/college-group/teenager'">青年工藝</router-link>
             </li>
             <li>
               <router-link :to="'/college-group/repair'">修護工藝</router-link>
@@ -70,12 +60,6 @@ function handleClose(value) {
           </ul>
         </div>
       </li>
-      <li>
-        <router-link :to="'/course-list'">探索課程</router-link>
-      </li>
-      <li>
-        <router-link :to="'/'">瀕危工藝</router-link>
-      </li>
       <li>
         <router-link :to="'/'">知識文章</router-link>
       </li>
@@ -156,7 +140,7 @@ function handleClose(value) {
       overflow: initial;
     }
 
-    & > li {
+    &>li {
       margin-left: 28px;
       font-weight: 400;
 
@@ -168,6 +152,7 @@ function handleClose(value) {
         font-weight: 500;
         text-align: center;
       }
+
       a {
         width: 100%;
         display: block;
@@ -175,9 +160,11 @@ function handleClose(value) {
         color: #000;
         text-decoration: none;
         transition: all 0.3s;
+
         &:hover {
           opacity: 0.8;
         }
+
         @media (max-width: 1280px) {
           padding: 20px 0;
         }
@@ -208,13 +195,16 @@ function handleClose(value) {
       &.slider {
         opacity: 1;
       }
+
       li {
         &:last-child {
           border-bottom: none;
         }
+
         &:hover {
           background-color: #eeeeee;
         }
+
         a {
           display: block;
           width: 100%;

src/views/CourseList.vue

@@ -93,7 +93,7 @@ async function search() {
             class="cover-img"
           >
             <v-img
-              :src="`https://cmm.ai/ntcri/${item.cover_img}`"
+              :src="item.cover_img"
               height="220px"
               cover
             ></v-img>

src/views/Home.vue

@@ -120,7 +120,7 @@ const previous = () => {
             <v-list lines="three" class="list">
               <v-list-item v-for="item in classes.data" :key="item.id">
                 <div class="d-flex align-center">
-                  <img :src="`https://cmm.ai/ntcri/${item.cover_img}`" alt="" />
+                  <img :src="item.cover_img" alt="" />
                   <section>
                     <h2>{{ item.name }}</h2>
                     <p>主辦單位：{{ item.organizer }}</p>