update

index.html

@@ -5,16 +5,16 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/src/assets/img/icon.png" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <meta property="og:title" content="臺灣工藝學校全球學習共享平台" />
+  <meta property="og:title" content="臺灣工藝學習平台" />
   <meta property="og:image" content="https://craftsplatform.ntcri.gov.tw/assets/logo.png" />
-  <meta property="og:description" content="藉由「工藝學校」的主體概念，推動臺灣工藝學校全球學習，以共享、友善、全人、全民的終身工藝手作平台，回饋於全國性工藝分校據點。" />
+  <meta property="og:description" content="藉由「工藝學校」的主體概念，推動臺灣工藝學校學習，以共享、友善、全人、全民的終身工藝手作平台，回饋於全國性工藝分校據點。" />
 
   <!-- Google Font -->
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500&display=swap" rel="stylesheet">
 
-  <title>臺灣工藝學校全球學習共享平台</title>
+  <title>臺灣工藝學習平台</title>
 
   <!-- Google tag (gtag.js) -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-57B1K83C1N"></script>

public/index.html

@@ -11,7 +11,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500&display=swap" rel="stylesheet">
   
-  <title>臺灣工藝學校全球學習共享平台</title>
+  <title>臺灣工藝學習平台</title>
   <script type="module" crossorigin src="/assets/index.js"></script>
   <link rel="stylesheet" href="/assets/index.css">
 </head>

src/assets/css/style.css

@@ -176,7 +176,7 @@ input:focus-visible {
   top: 0.4em;
 }
 .search button img {
-  width: 1.5625em;
+  width: 1.5em;
   position: absolute;
   top: 0.2em;
   right: 0;
@@ -198,7 +198,7 @@ input:focus-visible {
 }
 
 .college-banner {
-  margin-top: 1.5625em;
+  margin-top: 1.5em;
   display: flex;
   justify-content: center;
   position: relative;
@@ -583,7 +583,9 @@ input:focus-visible {
   display: block;
   font-size: 0.875em;
   color: #919191;
+  line-height: 1.3;
   letter-spacing: 0.0625em;
+  white-space: normal;
 }
 
 .total-item {
@@ -752,11 +754,7 @@ input:focus-visible {
   opacity: 0.8;
 }
 
-.main-table {
-  overflow-x: auto;
-  letter-spacing: 1px;
-}
-.main-table .table-title {
+.table-title {
   padding: 0.625em;
   color: #fff;
   font-size: 1.25em;
@@ -764,10 +762,15 @@ input:focus-visible {
   text-align: center;
 }
 @media (max-width: 1280px) {
-  .main-table .table-title {
+  .table-title {
     width: 800px;
   }
 }
+
+.main-table {
+  overflow-x: auto;
+  letter-spacing: 1px;
+}
 .main-table table {
   width: 100%;
   margin-bottom: 1.25em;
@@ -883,8 +886,13 @@ input:focus-visible {
 .user-courses .search-item {
   width: 300px;
 }
+@media (max-width: 600px) {
+  .user-courses .search-item {
+    width: 100%;
+  }
+}
 .user-courses .search-item img {
-  width: 1.5625em;
+  width: 1.5em;
 }
 .user-courses .table-title {
   background-color: var(--blue);
@@ -985,6 +993,11 @@ input:focus-visible {
   display: flex;
   margin-bottom: 0.625em;
 }
+@media (max-width: 600px) {
+  .date-item {
+    flex-direction: column;
+  }
+}
 .date-item p {
   width: 7.125em;
   display: flex;
@@ -995,6 +1008,7 @@ input:focus-visible {
 @media (max-width: 600px) {
   .date-item p {
     width: 7.8125em;
+    justify-content: start;
   }
 }
 

src/assets/css/style.scss

@@ -184,7 +184,7 @@ input:focus-visible {
     top: 0.4em;
 
     img {
-      width: 1.5625em;
+      width: 1.5em;
       position: absolute;
       top: 0.2em;
       right: 0;
@@ -209,7 +209,7 @@ input:focus-visible {
 }
 
 .college-banner {
-  margin-top: 1.5625em;
+  margin-top: 1.5em;
   display: flex;
   justify-content: center;
   position: relative;
@@ -646,7 +646,9 @@ input:focus-visible {
   display: block;
   font-size: 0.875em;
   color: #919191;
+  line-height: 1.3;
   letter-spacing: 0.0625em;
+  white-space: normal;
 }
 
 .total-item {
@@ -827,21 +829,33 @@ input:focus-visible {
   }
 }
 
+.table-title {
+  padding: 0.625em;
+  color: #fff;
+  font-size: 1.25em;
+  font-weight: 400;
+  text-align: center;
+
+  @media (max-width: 1280px) {
+    width: 800px;
+  }
+}
+
 .main-table {
   overflow-x: auto;
   letter-spacing: 1px;
 
-  .table-title {
-    padding: 0.625em;
-    color: #fff;
-    font-size: 1.25em;
-    font-weight: 400;
-    text-align: center;
+  // .table-title {
+  //   padding: 0.625em;
+  //   color: #fff;
+  //   font-size: 1.25em;
+  //   font-weight: 400;
+  //   text-align: center;
 
-    @media (max-width: 1280px) {
-      width: 800px;
-    }
-  }
+  //   @media (max-width: 1280px) {
+  //     width: 800px;
+  //   }
+  // }
 
   table {
     width: 100%;
@@ -982,8 +996,12 @@ input:focus-visible {
   .search-item {
     width: 300px;
 
+    @media (max-width: 600px) {
+      width: 100%;
+    }
+
     img {
-      width: 1.5625em;
+      width: 1.5em;
     }
   }
 
@@ -1095,11 +1113,6 @@ input:focus-visible {
     margin: 0 0 3.125em;
     overflow-x: auto;
 
-    // .table-title {
-    //   font-size: 1.3em;
-    //   background-color: var(--purple);
-    // }
-
     table {
       margin: auto;
       width: 1000px;
@@ -1129,6 +1142,10 @@ input:focus-visible {
   display: flex;
   margin-bottom: 0.625em;
 
+  @media (max-width: 600px) {
+    flex-direction: column;
+  }
+
   p {
     width: 7.125em;
     display: flex;
@@ -1139,6 +1156,7 @@ input:focus-visible {
 
     @media (max-width: 600px) {
       width: 7.8125em;
+      justify-content: start;
     }
   }
 }

src/components/ArticleCard.vue

@@ -35,7 +35,7 @@ const props = defineProps({
             class="mx-auto cover-img"
             :lazy-src="`${store.imgUrl}/${data.cover_img}`"
             :src="`${store.imgUrl}/${data.cover_img}`"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           >
             <template v-slot:placeholder>
               <div class="d-flex align-center justify-center fill-height">

src/components/CourseCard.vue

@@ -124,7 +124,7 @@ async function deleteFavoriteClass(classId) {
             height="13.75em"
             cover
             :src="store.getImageSrc(data)"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           >
             <template v-slot:placeholder>
               <div class="d-flex align-center justify-center fill-height">
@@ -138,7 +138,15 @@ async function deleteFavoriteClass(classId) {
         </div>
       </a>
 
-      <div v-if="data.encode" class="d-flex justify-end mt-3">
+      <div
+        v-if="data.encode"
+        class="d-flex align-center justify-space-between mt-3"
+      >
+        <div>
+          <v-chip v-if="data.level" size="small">
+            {{ data.level }}
+          </v-chip>
+        </div>
         <small class="text-gray">編號：{{ data.encode }}</small>
       </div>
       <!-- </router-link> -->

src/components/CoursesTutorial.vue

@@ -36,7 +36,7 @@ const navigation = ref({
           <div class="main-item">
             <img
               src="@/assets/img/setup-courses/tutorial/素材-13.png"
-              alt="臺灣工藝學校全球學習共享平台"
+              alt="臺灣工藝學習平台"
             />
             <p class="ps-sm-10" v-html="t('tutorial.step')"></p>
           </div>
@@ -74,7 +74,7 @@ const navigation = ref({
             <div class="icon">
               <img
                 src="@/assets/img/setup-courses/tutorial/素材-13.png"
-                alt="臺灣工藝學校全球學習共享平台"
+                alt="臺灣工藝學習平台"
               />
             </div>
           </div>
@@ -118,7 +118,7 @@ const navigation = ref({
             <div>
               <img
                 src="@/assets/img/setup-courses/tutorial/素材-14.png"
-                alt="臺灣工藝學校全球學習共享平台"
+                alt="臺灣工藝學習平台"
               />
             </div>
           </div>
@@ -162,7 +162,7 @@ const navigation = ref({
             <div>
               <img
                 src="@/assets/img/setup-courses/tutorial/素材-15.png"
-                alt="臺灣工藝學校全球學習共享平台"
+                alt="臺灣工藝學習平台"
               />
             </div>
           </div>
@@ -172,7 +172,7 @@ const navigation = ref({
           <div class="main-item">
             <img
               src="@/assets/img/setup-courses/tutorial/素材-15.png"
-              alt="臺灣工藝學校全球學習共享平台"
+              alt="臺灣工藝學習平台"
             />
             <section class="d-flex flex-column ps-sm-10">
               <h3 v-html="t('tutorial.step_4_title')"></h3>

src/components/CraftsArticle.vue

@@ -38,14 +38,14 @@ let data = reactive({
   <v-row v-else class="list">
     <v-col cols="12" sm="6" v-for="(item, index) in data.list" :key="index">
       <a :href="item.url" target="_blank">
-        <!-- <img :src="`${store.imgUrl}/${item.cover_img}`" alt="臺灣工藝學校全球學習共享平台" /> -->
+        <!-- <img :src="`${store.imgUrl}/${item.cover_img}`" alt="臺灣工藝學習平台" /> -->
         <div class="overflow-hidden">
           <v-img
             class="mx-auto cover-img"
             :lazy-src="`${store.imgUrl}/${item.cover_img}`"
             cover
             :src="`${store.imgUrl}/${item.cover_img}`"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           >
             <template v-slot:placeholder>
               <div class="d-flex align-center justify-center fill-height">

src/components/Footer.vue

@@ -1,11 +1,11 @@
 <template>
   <footer>
     <!-- <h1>
-      臺灣工藝學校全球學習共享平台 International Craft Learning Platform co-ops.
+      臺灣工藝學習平台 International Craft Learning Platform co-ops.
     </h1> -->
 
     <router-link to="/">
-      <img src="@/assets/img/logo.png" alt="臺灣工藝學校全球學習共享平台" class="logo mt-3" />
+      <img src="@/assets/img/logo.png" alt="臺灣工藝學習平台" class="logo mt-3" />
     </router-link>
 
     <ul class="ms-sm-13">
@@ -39,7 +39,7 @@
 footer {
   padding: 1.25em 2.5em;
   background-color: #fff;
-  border-top: 1.5625em solid var(--purple);
+  border-top: 1.5em solid var(--purple);
   h1 {
     margin: 1.25em 0;
     font-size: 1.125em;

src/components/HomeList.vue

@@ -30,7 +30,7 @@ const props = defineProps({
     <v-row class="align-center">
       <!-- <v-col cols="12" sm="4">
         <router-link :to="`/news/${data.news_id}`" class="cover-img">
-          <img src="@/assets/img/img-01.jpg" alt="臺灣工藝學校全球學習共享平台" />
+          <img src="@/assets/img/img-01.jpg" alt="臺灣工藝學習平台" />
         </router-link>
       </v-col> -->
 

src/components/Navbar.vue

@@ -126,7 +126,7 @@ function handleLogout() {
 <template>
   <div class="d-flex justify-space-between align-center navbar">
     <router-link :to="'/'">
-      <img src="@/assets/img/logo.png" alt="臺灣工藝學校全球學習共享平台" />
+      <img src="@/assets/img/logo.png" alt="臺灣工藝學習平台" />
     </router-link>
     <ul class="menu align-center" :class="{ slider: menuShow }">
       <li>
@@ -287,24 +287,24 @@ function handleLogout() {
         >
           <ul>
             <li>
-              <router-link :to="'/user/profile'">{{
-                t("navbar.profile")
-              }}</router-link>
+              <router-link :to="'/user/profile'">
+                {{ t("navbar.profile") }}
+              </router-link>
             </li>
             <li>
-              <router-link :to="'/user/passport'">{{
-                t("navbar.passport")
-              }}</router-link>
+              <router-link :to="'/user/passport'">
+                {{ t("navbar.passport") }}
+              </router-link>
             </li>
             <li>
-              <router-link :to="'/user/courses'">{{
-                t("navbar.courses")
-              }}</router-link>
+              <router-link :to="'/user/courses'">
+                {{ t("navbar.courses") }}
+              </router-link>
             </li>
             <li>
-              <router-link :to="'/user/favorite-class'">{{
-                t("navbar.collections")
-              }}</router-link>
+              <router-link :to="'/user/favorite-class'">
+                {{ t("navbar.collections") }}
+              </router-link>
             </li>
             <li>
               <a

src/components/NavbarSub.vue

@@ -11,7 +11,7 @@ function toggleMenu() {
 <template>
   <div class="d-flex justify-space-between align-center navbar">
     <router-link :to="'/'">
-      <img src="@/assets/img/logo.png" alt="臺灣工藝學校全球學習共享平台" />
+      <img src="@/assets/img/logo.png" alt="臺灣工藝學習平台" />
     </router-link>
     <ul class="menu d-md-flex align-center" :class="{ slider: menuShow }">
       <li>重要訊息</li>

src/components/SignUpCard.vue

@@ -51,7 +51,7 @@ let currentTitle = computed(() => {
             contain
             height="128"
             src="https://cdn.vuetifyjs.com/images/logos/v.svg"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           ></v-img>
           <h3 class="text-h6 font-weight-light mb-2">Welcome to Vuetify</h3>
           <span class="text-caption text-grey">Thanks for signing up!</span>

src/language/en.json

@@ -11,7 +11,7 @@
     "title_2": "Craft Groups",
     "title_3": "Taiwan Craft Map",
     "title_4": "Craft Course Recommendations",
-    "title_5": "開課教學",
+    "title_5": "How To Open A Couse",
     "title_6": "Course FAQ",
     "content": "With the goal of laying out a craft learning and sharing platform with an international perspective, through the main concept of “craft school”, we promote the global learning platform of International Craft Learning Platform co-ops, and use a lifelong craft platform run on the values of sharing, friendliness, and holisticness to design and integrate craft resources such as talents, courses, knowledge and teaching materials, and provide different types of learning experiences in local ways, both online and offline.",
     "faq": {
@@ -349,7 +349,7 @@
   "location_info": "Location Information",
   "course_info": "Course Information",
   "session_info": "Session Information",
-  "session": "課程場次",
+  "session": "Session",
   "select_location": "Select location",
   "before_opening_course": "Before opening a course, please select a course location",
   "before_create_course": "Before opening a course, please create a course location",
@@ -393,6 +393,8 @@
     "completed_hours": "Completed course hours",
     "completed_from": "from 2023",
     "redeem_criteria": "Collect 20 points to redeem 1 pack of",
-    "craft_materials": "craft materials"
+    "craft_materials": "craft materials",
+    "enrolled_courses": "Enrolled Courses",
+    "class_records": "Class Records"
   }
 }

src/language/zh.json

@@ -13,7 +13,7 @@
     "title_4": "工藝課程推薦",
     "title_5": "開課教學",
     "title_6": "工藝學校開課 FAQ",
-    "content": "以佈局具國際視野之工藝學習共享平台為目標，藉由「工藝學校」的主體概念，推動臺灣工藝學校全球學習平台，以共享、友善、全人、全民的終身工藝手作平台進行人才、課程、知識、教材之工藝資源嫁接媒合與內容設計，以在地、就近、線上、線下等多元方式提供不同型態之學習體驗內容及選擇。",
+    "content": "以佈局具國際視野之工藝學習共享平台為目標，藉由「工藝學校」的主體概念，推動臺灣工藝學習平台，以共享、友善、全人、全民的終身工藝手作平台進行人才、課程、知識、教材之工藝資源嫁接媒合與內容設計，以在地、就近、線上、線下等多元方式提供不同型態之學習體驗內容及選擇。",
     "faq": {
       "q_1": "為何要在平台架設課程？",
       "a_1_1": "傳承技藝－記憶",
@@ -58,7 +58,7 @@
     "note": "注意：以下服務條款為中文翻譯成英文的版本，若中文版與英文版有不相符之處，最終解釋以中文版為準。",
     "list": {
       "title_1": "一、認知與接受條款",
-      "content_1": "「臺灣工藝學校全球學習共享平台(簡稱本網站)」係由國立台灣工藝研究發展中心(以下稱本中心)建置之工藝相關課程、體驗活動等資訊媒合網站，並依據本服務條款提供服務（以下稱「本服務」）。當您使用本服務時，即表示您已閱讀、瞭解並同意接受本服務條款之所有內容。本中心有權依據本網站提供服務之需求，於任何時間修改或變更本服務條款之內容，建議您隨時注意該等修改或變更。您於任何修改或變更後繼續使用本服務，視為您已閱讀、瞭解並同意接受該等修改或變更。如果您不同意本服務條款的內容，或者您所屬的國家或地域排除本服務條款內容之全部或一部時，您應立即停止使用本服務。",
+      "content_1": "「臺灣工藝學習平台(簡稱本網站)」係由國立台灣工藝研究發展中心(以下稱本中心)建置之工藝相關課程、體驗活動等資訊媒合網站，並依據本服務條款提供服務（以下稱「本服務」）。當您使用本服務時，即表示您已閱讀、瞭解並同意接受本服務條款之所有內容。本中心有權依據本網站提供服務之需求，於任何時間修改或變更本服務條款之內容，建議您隨時注意該等修改或變更。您於任何修改或變更後繼續使用本服務，視為您已閱讀、瞭解並同意接受該等修改或變更。如果您不同意本服務條款的內容，或者您所屬的國家或地域排除本服務條款內容之全部或一部時，您應立即停止使用本服務。",
       "title_2": "二、帳號登入與本服務使用",
       "content_2_1": "(一) 使用者得透過第三方平台帳戶（如：FB、Google等，以本網站當時支援之第三方平台為準）登入使用本網站。本中心將儲存各該第三方平台所允許儲存作為識別使用者帳戶之資訊。",
       "content_2_2": "(二) 若您為工藝教育者，擬透過本網站刊登工藝相關課程或體驗活動等資訊，您須另行同意「工藝教育者上傳課程同意規範」，始得上傳課程；若您擬透過本網站報名相關課程，您須另行同意「民眾報名須知」，始得報名課程。",
@@ -394,6 +394,8 @@
     "completed_hours": "自 2023 年起至今",
     "completed_from": "完成課程時數",
     "redeem_criteria": "累積 20 點即可兌換 1 份",
-    "craft_materials": "工藝材料包"
+    "craft_materials": "工藝材料包",
+    "enrolled_courses": "報名中課程",
+    "class_records": "上課紀錄"
   }
 }

src/utils/useReadList.js

@@ -48,7 +48,7 @@ const readList = [
     img: store.getImageUrl("crafts/知識文章-27.webp"),
     fileName: "Local_Fishery_Waste",
     content:
-      "由臺灣工藝學校全球學習共享平台主辦、物嶼哲概念有限公司執行以及荷蘭 Material Experience Lab 合作之「國際材質試驗研究室交流合作計畫－「拾鱗計畫 Project FS」，目的在轉化臺南在地漁業的第一批廢棄物－「魚鱗」，尋找更多的創作應用機會點，使得魚鱗能夠透過材質試驗、工藝創作應用，以不同的視野進入文化層面，開啟新的生命循環。臺南可說是全臺公認的美食及文化之都，其小吃的豐富性及多樣化使各地饕客趨之若鶩，而其中「虱目魚」相關的品項，不論是魚皮、魚肚、魚肉等…，更深受大家的喜愛，在美食文化之中具有舉足輕重的地位，臺南也是虱目魚最重要的養殖區域，其在地性及與當地文化的聯結非常密切...",
+      "由臺灣工藝學習平台主辦、物嶼哲概念有限公司執行以及荷蘭 Material Experience Lab 合作之「國際材質試驗研究室交流合作計畫－「拾鱗計畫 Project FS」，目的在轉化臺南在地漁業的第一批廢棄物－「魚鱗」，尋找更多的創作應用機會點，使得魚鱗能夠透過材質試驗、工藝創作應用，以不同的視野進入文化層面，開啟新的生命循環。臺南可說是全臺公認的美食及文化之都，其小吃的豐富性及多樣化使各地饕客趨之若鶩，而其中「虱目魚」相關的品項，不論是魚皮、魚肚、魚肉等…，更深受大家的喜愛，在美食文化之中具有舉足輕重的地位，臺南也是虱目魚最重要的養殖區域，其在地性及與當地文化的聯結非常密切...",
   },
   {
     title: "新絲維",

src/views/Article.vue

@@ -238,7 +238,7 @@ function isAnchorLink(url) {
             <button @click="search()">
               <img
                 src="@/assets/img/news/news-search-icon.png"
-                alt="臺灣工藝學校全球學習共享平台"
+                alt="臺灣工藝學習平台"
               />
             </button>
           </span>
@@ -259,7 +259,7 @@ function isAnchorLink(url) {
             :key="index"
           >
             <a :href="item.url" target="_blank">
-              <img :src="item.img" alt="臺灣工藝學校全球學習共享平台" />
+              <img :src="item.img" alt="臺灣工藝學習平台" />
             </a>
             <section>
               <p>{{ item.depiction }}</p>
@@ -284,18 +284,18 @@ function isAnchorLink(url) {
               :href="store.getPDF(item.fileName)"
               target="_blank"
             >
-              <img :src="item.img" alt="臺灣工藝學校全球學習共享平台" />
+              <img :src="item.img" alt="臺灣工藝學習平台" />
             </a>
 
             <img
               v-else
               :src="item.img"
-              alt="臺灣工藝學校全球學習共享平台"
+              alt="臺灣工藝學習平台"
               @click="updatePDF(item.fileName)"
             />
 
             <!-- <a :href="item.url" target="_blank">
-              <img :src="item.img" alt="臺灣工藝學校全球學習共享平台" />
+              <img :src="item.img" alt="臺灣工藝學習平台" />
             </a> -->
             <section>
               <h3 v-html="item.title"></h3>
@@ -321,7 +321,7 @@ function isAnchorLink(url) {
             <button @click="search()">
               <img
                 src="@/assets/img/news/news-search-icon.png"
-                alt="臺灣工藝學校全球學習共享平台"
+                alt="臺灣工藝學習平台"
               />
             </button>
           </span>
@@ -350,7 +350,7 @@ function isAnchorLink(url) {
                   :lazy-src="item.img"
                   :src="item.img"
                   cover
-                  alt="臺灣工藝學校全球學習共享平台"
+                  alt="臺灣工藝學習平台"
                 >
                   <template v-slot:placeholder>
                     <div class="d-flex align-center justify-center fill-height">
@@ -365,7 +365,7 @@ function isAnchorLink(url) {
             </a>
 
             <!-- <a :href="item.url" target="_blank">
-              <img :src="item.img" alt="臺灣工藝學校全球學習共享平台" />
+              <img :src="item.img" alt="臺灣工藝學習平台" />
             </a> -->
             <section class="info">
               <p v-html="item.content"></p>

src/views/ArticleDetail.vue

@@ -65,7 +65,7 @@ getArticle();
   <div class="position-relative mb-16">
     <img
       src="@/assets/img/news/news-01.png"
-      alt="臺灣工藝學校全球學習共享平台"
+      alt="臺灣工藝學習平台"
       class="material-img"
     />
     <v-container class="pa-0 pt-16 position-relative">
@@ -86,7 +86,7 @@ getArticle();
                 class="cover-img my-10"
                 :lazy-src="`${store.imgUrl}/${list.data.cover_img}`"
                 :src="`${store.imgUrl}/${list.data.cover_img}`"
-                alt="臺灣工藝學校全球學習共享平台"
+                alt="臺灣工藝學習平台"
               >
                 <template v-slot:placeholder>
                   <div class="d-flex align-center justify-center fill-height">
@@ -155,7 +155,7 @@ getArticle();
     >
     <img
       src="@/assets/img/news/news-01.png"
-      alt="臺灣工藝學校全球學習共享平台"
+      alt="臺灣工藝學習平台"
       class="material-img"
     />
   </div>

src/views/CollegeGroup/Cfa.vue

@@ -177,7 +177,7 @@ getClass();
   <v-row>
     <v-col cols="12" md="6">
       <p class="mb-5">
-        以工藝為媒介，實踐社會價值功能。臺灣工藝學校全球學習共享平台啟動「臺灣綠工藝希望工程」，本於自然、循環、平衡、寬容、生命力等綠工藝精神，融合人文關懷，深化工藝與社會的互動連結，為所有人帶來「希望‧療癒‧陪伴」的力量。
+        以工藝為媒介，實踐社會價值功能。臺灣工藝學習平台啟動「臺灣綠工藝希望工程」，本於自然、循環、平衡、寬容、生命力等綠工藝精神，融合人文關懷，深化工藝與社會的互動連結，為所有人帶來「希望‧療癒‧陪伴」的力量。
       </p>
       <p>
         「臺灣綠工藝希望工程」是公民互助精神的體現，以「One Community, One
@@ -189,7 +189,7 @@ getClass();
         <img
           class="img-fluid"
           src="@/assets/img/college-group/life/生活工藝素材-24.png"
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         />
       </div>
     </v-col>
@@ -217,7 +217,7 @@ getClass();
               :src="item.pic_url"
               height="16.875em"
               cover
-              alt="臺灣工藝學校全球學習共享平台"
+              alt="臺灣工藝學習平台"
             >
               <template v-slot:placeholder>
                 <div class="d-flex align-center justify-center fill-height">
@@ -238,7 +238,7 @@ getClass();
 
       <!-- <div class="main-card">
         <div class="card-info">
-          <img :src="item.pic_url" alt="臺灣工藝學校全球學習共享平台" class="cover-img" />
+          <img :src="item.pic_url" alt="臺灣工藝學習平台" class="cover-img" />
         </div>
         <section class="card-title">
           <h3>{{ item.pic_name }}</h3>

src/views/CollegeGroup/Craft.vue

@@ -190,7 +190,7 @@ const articles = reactive({
         <button @click="search()">
           <img
             src="@/assets/img/news/news-search-icon.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </button>
       </span>
@@ -245,7 +245,7 @@ const articles = reactive({
           :placeholder="t('keyword_search')"
         />
         <button @click="search()">
-          <img src="@/assets/img/news/news-search-icon.png" alt="臺灣工藝學校全球學習共享平台" />
+          <img src="@/assets/img/news/news-search-icon.png" alt="臺灣工藝學習平台" />
         </button>
       </span>
       <div
@@ -271,7 +271,7 @@ const articles = reactive({
             >
               <img
                 :src="`${store.imgUrl}/${item.cover_img}`"
-                alt="臺灣工藝學校全球學習共享平台"
+                alt="臺灣工藝學習平台"
               />
             </a>
           </v-col>
@@ -398,7 +398,7 @@ const articles = reactive({
     >
       <img
         src="@/assets/img/college-group/repair/修護-12.webp"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       />
       <section class="mt-5 mt-md-0 ms-md-5">
         <h3>廖偉淇</h3>
@@ -418,7 +418,7 @@ const articles = reactive({
     >
       <img
         src="@/assets/img/college-group/repair/修護-13.webp"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       />
       <section class="mt-5 mt-md-0 ms-md-5">
         <h3>陳高登</h3>

src/views/CollegeGroup/Cross.vue

@@ -186,7 +186,7 @@ async function handleSearch() {
         <button @click="handleSearch()">
           <img
             src="@/assets/img/news/news-search-icon.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </button>
       </span>
@@ -515,7 +515,7 @@ async function handleSearch() {
 
     h3 {
       margin-left: -1.25em;
-      margin-bottom: 1.5625em;
+      margin-bottom: 1.5em;
       list-style: disc;
       font-size: 1.75em;
       font-weight: 500;

src/views/CollegeGroup/Future.vue

@@ -54,7 +54,7 @@ let read = reactive({
     <div class="content">
       <img
         src="@/assets/img/college-group/future/素材-07.png"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       />
       <section>
         <h3 class="mb-10">工藝跨域研創補助計畫【徵件至9月28日止】</h3>
@@ -64,10 +64,10 @@ let read = reactive({
         </span>
         <span class="d-flex align-center">
           <v-icon color="gray" icon="mdi-map-marker" class="me-2"></v-icon>
-          臺灣工藝學校全球學習共享平台
+          臺灣工藝學習平台
         </span>
         <p class="mt-8">
-          臺灣工藝學校全球學習共享平台為實踐從總體經濟觀上思考整體工藝文化產業價值，及厚實臺灣工藝產業未來發展之國際文化競爭力，徵求類型含物件型研創、新材料研創、技術性研創、社會與環境議題研創等，申請團隊可提出相關實績說明或規畫構想，最高獲得
+          臺灣工藝學習平台為實踐從總體經濟觀上思考整體工藝文化產業價值，及厚實臺灣工藝產業未來發展之國際文化競爭力，徵求類型含物件型研創、新材料研創、技術性研創、社會與環境議題研創等，申請團隊可提出相關實績說明或規畫構想，最高獲得
           #新臺幣50萬元
           補助，歡迎國內相關機構、產業、公司等法人或團體以及個人創作者等單位踴躍提案申請！
         </p>
@@ -96,7 +96,7 @@ let read = reactive({
       <img
         class="mt-16"
         src="@/assets/img/college-group/future/素材-08.png"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       />
     </div>
   </v-container>
@@ -118,7 +118,7 @@ let read = reactive({
         >
           <img
             :src="`${store.imgUrl}/${item.cover_img}`"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <button class="read-btn">點我閱讀</button>
         </a>
@@ -131,7 +131,7 @@ let read = reactive({
         >
           <img
             :src="`${store.imgUrl}/${item.cover_img}`"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <button class="read-btn">點我閱讀</button>
         </router-link>
@@ -173,7 +173,7 @@ let read = reactive({
     border-radius: 0.3125em;
 
     @media (max-width: 600px) {
-      padding: 1.5625em;
+      padding: 1.5em;
     }
 
     h3 {

src/views/CollegeGroup/Generation.vue

@@ -77,7 +77,7 @@ const breadcrumbs = reactive([
 
   <v-row>
     <v-col md="6" cols="12" v-for="(item, index) in data" :key="index">
-      <img :src="item.img" alt="臺灣工藝學校全球學習共享平台" />
+      <img :src="item.img" alt="臺灣工藝學習平台" />
       <h3>{{ item.name }}</h3>
       <h4 v-if="item.title !== ''" class="mt-2">{{ item.title }}</h4>
     </v-col>

src/views/CollegeGroup/Life.vue

@@ -54,7 +54,7 @@ const breadcrumbs = reactive([
         <v-col cols="12" md="4" lg="5" class="pa-0 overflow-hidden">
           <img
             src="@/assets/img/college-group/life/cover-01.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </v-col>
         <v-col cols="12" md="8" lg="7" class="content">
@@ -81,7 +81,7 @@ const breadcrumbs = reactive([
         <v-col cols="12" md="4" lg="5" class="pa-0 overflow-hidden">
           <img
             src="@/assets/img/college-group/life/cover-02.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </v-col>
       </v-row>
@@ -102,7 +102,7 @@ const breadcrumbs = reactive([
         <v-col cols="12" md="4" lg="5" class="pa-0 overflow-hidden">
           <img
             src="@/assets/img/college-group/life/cover-03.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </v-col>
       </v-row>
@@ -113,7 +113,7 @@ const breadcrumbs = reactive([
         <v-col cols="12" md="4" lg="5" class="pa-0 overflow-hidden">
           <img
             src="@/assets/img/college-group/life/cover-04.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </v-col>
         <v-col cols="12" md="8" lg="7" class="content">

src/views/CollegeGroup/Life/Apprentice/About.vue

@@ -3,7 +3,7 @@
     <h3 class="sub-title">關於一日學徒</h3>
     <img
       src="@/assets/img/college-group/life/apprentice/about.webp"
-      alt="臺灣工藝學校全球學習共享平台"
+      alt="臺灣工藝學習平台"
       class="mb-10"
     />
     <p class="mb-10">「一日學徒」，一個推廣全民工藝教育概念之倡議平台。</p>

src/views/CollegeGroup/Life/Apprentice/Course.vue

@@ -68,7 +68,7 @@ getClasses();
         <button @click="search()">
           <img
             src="@/assets/img/news/news-search-icon.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </button>
       </span>

src/views/CollegeGroup/Life/Campus.vue

@@ -78,7 +78,7 @@ const breadcrumbs = reactive([
       <a :href="$router.resolve(`/article-detail/${item.article_id}`).href">
         <img
           :src="`${store.imgUrl}/${item.cover_img}`"
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         />
       </a>
       <section class="mt-4">

src/views/CollegeGroup/Life/CraftJourney.vue

@@ -77,7 +77,7 @@ const breadcrumbs = reactive([
           :lazy-src="`${store.imgUrl}/${item.cover_img}`"
           :src="`${store.imgUrl}/${item.cover_img}`"
           cover
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         >
           <template v-slot:placeholder>
             <div class="d-flex align-center justify-center fill-height">
@@ -88,7 +88,7 @@ const breadcrumbs = reactive([
             </div>
           </template>
         </v-img>
-        <!-- <img :src="`${store.imgUrl}/${item.cover_img}`" alt="臺灣工藝學校全球學習共享平台" /> -->
+        <!-- <img :src="`${store.imgUrl}/${item.cover_img}`" alt="臺灣工藝學習平台" /> -->
         <section>
           <h3>{{ item.title }}</h3>
           <p>{{ item.depiction }}</p>

src/views/CollegeGroup/Life/Shop.vue

@@ -120,7 +120,7 @@ const shopImgs = [
             :src="item.img"
             height="12.5em"
             cover
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           ></v-img>
         </div>
       </v-slide-group-item>
@@ -136,7 +136,7 @@ const shopImgs = [
       <v-col cols="12" md="6" lg="5">
         <img
           src="@/assets/img/college-group/life/shop/旅物shop位置圖.jpg"
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         />
       </v-col>
       <v-col cols="12" md="6" lg="7" class="d-flex flex-column">
@@ -150,7 +150,7 @@ const shopImgs = [
           <li>營業時間：週二至週日 09:00-20:00</li>
           <li>週一休（逢國定假日及連續假期照常開館）</li>
           <li>
-            地點：臺灣工藝學校全球學習共享平台
+            地點：臺灣工藝學習平台
             生活工藝館一樓（南投縣草屯鎮中正路573號）
           </li>
         </ul>
@@ -172,7 +172,7 @@ const shopImgs = [
           <img
             v-if="item.cover_img !== ''"
             :src="`${store.imgUrl}/${item.cover_img}`"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
             class="mb-7"
           />
           <div class="content">
@@ -198,7 +198,7 @@ const shopImgs = [
       <h3 class="block-title">臺灣綠工藝 Taiwan Green Craft</h3>
       <img
         src="@/assets/img/college-group/life/shop/旅物shop-03.webp"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
         class="mb-7"
       />
       <div class="content d-flex flex-column">
@@ -238,7 +238,7 @@ const shopImgs = [
           v-for="(item, index) in youthImgs"
           :key="index"
         >
-          <img :src="item.img" alt="臺灣工藝學校全球學習共享平台" />
+          <img :src="item.img" alt="臺灣工藝學習平台" />
           <h4>{{ item.title }}</h4>
         </v-col>
       </v-row>
@@ -248,7 +248,7 @@ const shopImgs = [
       <h3 class="block-title">品工藝 Museum Shop of NTCRI</h3>
       <img
         src="@/assets/img/college-group/life/shop/品工藝.jpg"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
         class="mb-7"
       />
       <div class="content">
@@ -265,7 +265,7 @@ const shopImgs = [
       <h3 class="block-title">一日咖啡 A Day Coffee</h3>
       <img
         src="@/assets/img/college-group/life/shop/一日咖啡.jpg"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
         class="mb-7"
       />
       <div class="content">
@@ -290,10 +290,15 @@ const shopImgs = [
   .list-item {
     margin: 3em 0;
     .content {
-      padding: 1.5625em;
+      padding: 1.5em;
       border-radius: 1.25em;
       border: 0.125em solid var(--purple);
-
+      h5 {
+        margin-top: 20px;
+        img {
+          margin-top: 20px;
+        }
+      }
       table {
         td {
           padding: 10px;

src/views/CollegeGroup/Main.vue

@@ -104,12 +104,12 @@ async function getGroup(id) {
         <img
           class="d-none d-md-block"
           src="@/assets/img/college-group/banner.png"
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         />
         <img
           class="d-block d-md-none"
           src="@/assets/img/college-group/banner-mb.webp"
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         />
         <div class="description-item">
           <h1>{{ groupName }}</h1>

src/views/CollegeGroup/Online.vue

@@ -204,7 +204,7 @@ getImediaVideo();
         <button @click="search()">
           <img
             src="@/assets/img/news/news-search-icon.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </button>
       </span>
@@ -375,7 +375,7 @@ getImediaVideo();
         <button @click="search()">
           <img
             src="@/assets/img/news/news-search-icon.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </button>
       </span>

src/views/CollegeGroup/Proposal.vue

@@ -124,7 +124,7 @@ function setPDFUrl(pdf) {
         <img
           class="cover-img"
           src="@/assets/img/college-group/future/素材-10.png"
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         />
         <span class="caption my-5">本書資訊</span>
         <ul>
@@ -143,13 +143,13 @@ function setPDFUrl(pdf) {
                 <a :href="item.url" target="_blank">
                   <img
                     :src="handlerBuyImg(item.title)"
-                    alt="臺灣工藝學校全球學習共享平台"
+                    alt="臺灣工藝學習平台"
                   />
                 </a>
                 <!-- <a href="">
                   <img
                     src="@/assets/img/college-group/future/proposal/購買連結-2.png"
-                    alt="臺灣工藝學校全球學習共享平台"
+                    alt="臺灣工藝學習平台"
                   />
                 </a> -->
               </li>

src/views/CollegeGroup/Repair.vue

@@ -139,7 +139,7 @@ const testData = [
         <button @click="search()">
           <img
             src="@/assets/img/news/news-search-icon.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </button>
       </span>
@@ -161,7 +161,7 @@ const testData = [
         <div class="d-flex flex-column flex-sm-row align-center content">
           <img
             src="@/assets/img/img-01.jpg"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <section
             class="d-flex flex-column justify-space-between px-0 px-sm-10 pt-5 pt-md-0"
@@ -210,7 +210,7 @@ const testData = [
     >
       <img
         src="@/assets/img/college-group/repair/修護-12.webp"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       />
       <section class="mt-5 mt-md-0 ms-md-5">
         <h3>廖偉淇</h3>
@@ -230,7 +230,7 @@ const testData = [
     >
       <img
         src="@/assets/img/college-group/repair/修護-13.webp"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       />
       <section class="mt-5 mt-md-0 ms-md-5">
         <h3>陳高登</h3>

src/views/CollegeGroup/Teenager.vue

@@ -23,11 +23,11 @@ const breadcrumbs = reactive([
 const testData = [
   {
     title:
-      "臺灣工藝學校全球學習共享平台獎助博碩士生研撰臺灣工藝相關研究論文作業要點",
+      "臺灣工藝學習平台獎助博碩士生研撰臺灣工藝相關研究論文作業要點",
     date: "2023.08.26",
     category: "工藝政策",
     introduction:
-      "臺灣工藝學校全球學習共享平台為提升臺灣工藝文化之主體性及營造工藝學領域發展環境，鼓勵國內大學校院培養工藝研究人才，發表研究成果，促使工藝升級、文化深耕，並建構相關資源支持體系，特訂定本要點，獎助內容如下：",
+      "臺灣工藝學習平台為提升臺灣工藝文化之主體性及營造工藝學領域發展環境，鼓勵國內大學校院培養工藝研究人才，發表研究成果，促使工藝升級、文化深耕，並建構相關資源支持體系，特訂定本要點，獎助內容如下：",
   },
   {
     title: "博碩士生研撰臺灣工藝相關研究論文獎助申請，申請至6月30日止",
@@ -97,7 +97,7 @@ const categoryList = reactive([
         <button @click="search()">
           <img
             src="@/assets/img/news/news-search-icon.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </button>
       </span>

src/views/CourseDetail.vue

@@ -214,10 +214,8 @@ async function signUpSubmit(id) {
 
   if (!user.birthday || user.birthday === "") {
     birthdayError.value = true;
-    // isSignUpLoading.value = false;
   } else {
     birthdayError.value = false;
-    // isSignUpLoading.value = false;
   }
 
   // 檢查欄位是否有空值
@@ -239,6 +237,7 @@ async function signUpSubmit(id) {
       formData
     );
     console.log("確認報名", response);
+    console.log("response.data.msg", response.data.msg);
     isSignUpLoading.value = false;
 
     if (response.data.msg === "success") {
@@ -246,7 +245,8 @@ async function signUpSubmit(id) {
       resultCard.icon = "mdi-check-circle";
       resultCard.color = "success";
       step.value++;
-    } else if (response.data.msg === "already registrate") {
+    } else if (response.data.msg === "已經有報名過了") {
+      console.log("已經有報名過了");
       resultCard.text = "已報名過此課程";
       resultCard.icon = "mdi-information";
       resultCard.color = "info";
@@ -258,22 +258,8 @@ async function signUpSubmit(id) {
       step.value++;
     }
 
-    // if (response.data.msg === "already registrate") {
-    //   resultCard.text = "此課程已報名";
-    //   resultCard.icon = "mdi-information";
-    //   resultCard.color = "info";
-    //   step.value++;
-    // } else if (response.data.msg === "class is full") {
-    //   resultCard.text = "報名已額滿";
-    //   resultCard.icon = "mdi-information";
-    //   resultCard.color = "info";
-    //   step.value++;
-    // } else if (response.data.code === 200) {
-    //   resultCard.text = "報名成功！";
-    //   resultCard.icon = "mdi-check-circle";
-    //   resultCard.color = "success";
-    //   step.value++;
-    // }
+    isSignUpLoading.value = false;
+    console.log("isSignUpLoading", isSignUpLoading.value);
   } catch (error) {
     console.error(error);
   }
@@ -290,6 +276,8 @@ let currentTitle = computed(() => {
       return "form.registration_consent";
     case 2:
       return "form.course_registration";
+    default:
+      return "";
   }
 });
 
@@ -334,7 +322,7 @@ function isDateExpired(dateString) {
         <v-col cols="12" md="3" class="title pa-0">
           <img
             src="@/assets/img/course/detail-background.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
             class="bg-img"
           />
           <h2 class="mb-5 mb-md-0 me-md-5">{{ course.data.name }}</h2>
@@ -359,7 +347,7 @@ function isDateExpired(dateString) {
 
           <!-- <img
             :src="store.getImageSrc(course.data)"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
             class="cover-img"
             :class="{ small: isInner === 0 }"
           /> -->
@@ -575,10 +563,10 @@ function isDateExpired(dateString) {
                               v-text="step"
                               class="me-3"
                             ></v-avatar>
-                            <span>{{ t(currentTitle) }}</span>
+                            <span>{{ t(`${currentTitle}`) }}</span>
                           </v-card-title>
 
-                          <v-window v-model="step">
+                          <v-window v-model="step" :touch="false">
                             <v-window-item :value="1">
                               <v-card-text>
                                 <section class="consent">
@@ -586,7 +574,7 @@ function isDateExpired(dateString) {
                                     個人資料使用同意書
                                   </h4>
                                   <p>
-                                    臺灣工藝學校全球學習共享平台〈以下簡稱工藝中心〉因辦理
+                                    臺灣工藝學習平台〈以下簡稱工藝中心〉因辦理
                                     <span class="font-weight-medium"
                                       >【{{ item.class_name }}】</span
                                     >

src/views/CourseList.vue

@@ -349,7 +349,7 @@ onMounted(() => {
                 <button @click="search()">
                   <img
                     src="@/assets/img/news/news-search-icon.png"
-                    alt="臺灣工藝學校全球學習共享平台"
+                    alt="臺灣工藝學習平台"
                   />
                 </button>
               </span>
@@ -400,7 +400,7 @@ onMounted(() => {
       <v-col cols="12" class="my-16">
         <img
           src="@/assets/img/course/banner.webp"
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         />
       </v-col>
     </v-row>

src/views/Courses/Create.vue

@@ -911,7 +911,7 @@ function deleteEvent(index) {
         <p class="mt-5">{{ t(computedTitle.stepDescription) }}</p>
       </v-card-title>
 
-      <v-window v-model="step">
+      <v-window v-model="step" :touch="false">
         <v-window-item :value="1">
           <v-card-text>
             <v-form
@@ -984,7 +984,9 @@ function deleteEvent(index) {
                     <v-form ref="resumeForm" lazy-validation @submit.prevent>
                       <v-row>
                         <v-col cols="12">
-                          <v-label class="d-flex align-center">
+                          <v-label
+                            class="d-flex flex-column flex-md-row align-start align-md-center"
+                          >
                             <p class="pb-5 pe-3">
                               {{ t("form.instructor_name")
                               }}<span class="mark">*</span>
@@ -1024,7 +1026,11 @@ function deleteEvent(index) {
                           <v-label class="d-block">
                             <p class="pb-5 pe-3">教學經驗</p>
                             <v-radio-group v-model="resume.experience" inline>
-                              <v-radio label="0-5 年" value="0-5 年"></v-radio>
+                              <v-radio
+                                label="0-5 年"
+                                value="0-5 年"
+                                class="ps-3 ps-sm-0"
+                              ></v-radio>
                               <v-radio
                                 label="5-10 年"
                                 value="5-10 年"
@@ -1222,7 +1228,7 @@ function deleteEvent(index) {
 
                         <template v-slot:default="{ isActive }">
                           <v-card
-                            :title="t('table.instructor_name')"
+                            :title="t('form.instructor_name')"
                             class="pa-3"
                           >
                             <v-card-text
@@ -1538,7 +1544,7 @@ function deleteEvent(index) {
                             </v-btn>
                           </template>
                           <v-card class="sessions-card pb-3">
-                            <v-card-text class="pa-8">
+                            <v-card-text class="pa-3 pa-sm-8">
                               <v-form
                                 ref="eventForm"
                                 lazy-validation
@@ -1553,7 +1559,9 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
+                                      >
                                         <p class="pb-5 pe-3">
                                           {{ t("form.session_name") }}
                                           <span class="mark">*</span>
@@ -1569,7 +1577,7 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <!-- <v-col cols="12" sm="6" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label class="d-flex flex-column flex-sm-row align-start align-sm-center py-2">
                                         <p class="pb-5 pe-3">
                                           課程講師<span class="mark">*</span>
                                         </p>
@@ -1584,7 +1592,7 @@ function deleteEvent(index) {
                                     </v-col> -->
 
                                     <!-- <v-col cols="12" sm="6" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label class="d-flex flex-column flex-sm-row align-start align-sm-center py-2">
                                         <p class="pb-5 pe-3">
                                           聯絡資訊<span class="mark">*</span>
                                         </p>
@@ -1598,7 +1606,9 @@ function deleteEvent(index) {
                                     </v-col> -->
 
                                     <v-col cols="12" sm="6" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
+                                      >
                                         <p class="pb-5 pe-3">
                                           {{ t("form.course_quota") }}
                                           <span class="mark">*</span>
@@ -1615,7 +1625,9 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
+                                      >
                                         <p class="pb-5 pe-3">
                                           {{ t("form.minimum_enrollment") }}
                                           <span class="mark">*</span>
@@ -1633,7 +1645,9 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
+                                      >
                                         <p class="pb-5 pe-5">
                                           {{ t("form.classroom") }}
                                         </p>
@@ -1646,7 +1660,9 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
+                                      >
                                         <p class="pb-5 pe-3">
                                           {{ t("form.course_price")
                                           }}<span class="mark">*</span>
@@ -1662,7 +1678,9 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
+                                      >
                                         <p class="pb-5 pe-3">
                                           {{ t("form.payment_method") }}
                                           <span class="mark">*</span>
@@ -1682,7 +1700,7 @@ function deleteEvent(index) {
                                     <v-col cols="12" class="py-0">
                                       <v-label
                                         v-if="isRemit"
-                                        class="d-flex align-center py-2"
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                       >
                                         <p class="pb-5 pe-3">
                                           匯款資訊<span class="mark">*</span>
@@ -1711,7 +1729,7 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <!-- <v-col cols="12" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label class="d-flex flex-column flex-sm-row align-start align-sm-center py-2">
                                         <p class="pb-5 pe-3">
                                           課程價格<span class="mark">*</span>
                                         </p>
@@ -1726,7 +1744,9 @@ function deleteEvent(index) {
                                     </v-col> -->
 
                                     <v-col cols="12" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
+                                      <v-label
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
+                                      >
                                         <p class="pb-3 pe-3">
                                           {{ t("form.target_audience") }}
                                           <span class="mark pb-4">*</span>
@@ -1758,8 +1778,10 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" class="py-0">
-                                      <v-label class="d-flex align-center py-2">
-                                        <p class="ps-8 pe-5">
+                                      <v-label
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
+                                      >
+                                        <p class="pb-5 pb-sm-0 ps-sm-8 pe-5">
                                           {{ t("form.remarks") }}
                                         </p>
                                         <v-text-field
@@ -1783,7 +1805,9 @@ function deleteEvent(index) {
                                       cols="12"
                                       class="py-0 position-relative"
                                     >
-                                      <v-label class="d-flex align-center pt-2">
+                                      <v-label
+                                        class="d-flex flex-column flex-sm-row align-start align-sm-center pt-2"
+                                      >
                                         <p class="pb-3 pe-3">
                                           {{ t("form.course_type") }}
                                           <span class="mark pb-4">*</span>
@@ -1823,7 +1847,7 @@ function deleteEvent(index) {
                                     <v-col
                                       v-if="!isOneDay"
                                       cols="12"
-                                      class="d-flex py-0"
+                                      class="d-flex flex-column flex-sm-row py-0"
                                     >
                                       <p class="pt-1 pe-3">
                                         重複週期<span class="mark pb-4">*</span>
@@ -1837,7 +1861,7 @@ function deleteEvent(index) {
                                           :class="{
                                             active: selectedWeek[index],
                                           }"
-                                          class="d-flex"
+                                          class="d-flex align-center"
                                         >
                                           <button class="item">
                                             {{ item }}
@@ -1845,7 +1869,7 @@ function deleteEvent(index) {
 
                                           <div
                                             v-if="selectedWeek[index]"
-                                            class="d-flex w-100 ms-5"
+                                            class="d-flex flex-wrap w-100 ms-5"
                                           >
                                             <VueDatePicker
                                               v-model="
@@ -1856,7 +1880,7 @@ function deleteEvent(index) {
                                               time-picker
                                             />
                                             <span
-                                              class="d-flex align-center mx-2"
+                                              class="d-flex align-center mx-2 my-2 my-sm-0"
                                               >～</span
                                             >
                                             <VueDatePicker
@@ -1871,7 +1895,7 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="date-item">
-                                      <p class="mb-0 pe-3">
+                                      <p class="mb-5 mb-sm-0 pe-3">
                                         {{ t("form.start_date") }}
                                         <span class="mark">*</span>
                                       </p>
@@ -1885,7 +1909,7 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="date-item">
-                                      <p class="mb-0 pe-3">
+                                      <p class="mb-5 mb-sm-0 pe-3">
                                         {{ t("form.start_time") }}
                                         <span class="mark">*</span>
                                       </p>
@@ -1900,7 +1924,7 @@ function deleteEvent(index) {
                                       sm="6"
                                       class="date-item position-relative"
                                     >
-                                      <p class="mb-0 pe-3">
+                                      <p class="mb-5 mb-sm-0 pe-3">
                                         {{ t("form.end_date") }}
                                         <span class="mark">*</span>
                                       </p>
@@ -1922,7 +1946,7 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="date-item">
-                                      <p class="mb-0 pe-3">
+                                      <p class="mb-5 mb-sm-0 pe-3">
                                         {{ t("form.end_time") }}
                                         <span class="mark">*</span>
                                       </p>
@@ -1964,7 +1988,7 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="date-item">
-                                      <p class="mb-0 pe-3">
+                                      <p class="mb-5 mb-sm-0 pe-3">
                                         {{ t("form.registration_start_date") }}
                                         <span class="mark pb-4">*</span>
                                       </p>
@@ -1977,7 +2001,7 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="date-item">
-                                      <p class="mb-0 pe-3">
+                                      <p class="mb-5 mb-sm-0 pe-3">
                                         {{ t("form.registration_time") }}
                                         <span class="mark pb-4">*</span>
                                       </p>
@@ -1988,7 +2012,7 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="date-item">
-                                      <p class="mb-0 pe-3">
+                                      <p class="mb-5 mb-sm-0 pe-3">
                                         {{ t("form.registration_deadline") }}
                                         <span class="mark pb-4">*</span>
                                       </p>
@@ -2001,7 +2025,7 @@ function deleteEvent(index) {
                                     </v-col>
 
                                     <v-col cols="12" sm="6" class="date-item">
-                                      <p class="mb-0 pe-3">
+                                      <p class="mb-5 mb-sm-0 pe-3">
                                         {{ t("form.registration_end_time") }}
                                         <span class="mark pb-4">*</span>
                                       </p>
@@ -2036,8 +2060,12 @@ function deleteEvent(index) {
                           </v-card>
                         </v-dialog>
 
+                        <h6 v-if="eventData.list.length" class="table-title mt-10">
+                          {{ t("session_info") }}
+                        </h6>
+
                         <div v-if="eventData.list.length" class="main-table">
-                          <h6 class="table-title">{{ t("session_info") }}</h6>
+                          <!-- <h6 class="table-title">{{ t("session_info") }}</h6> -->
                           <table>
                             <thead>
                               <tr>
@@ -2539,7 +2567,7 @@ function deleteEvent(index) {
       <v-divider></v-divider>
 
       <v-card-actions
-        class="justify-center flex-column flex-sm-row mt-5 mt-sm-7"
+        class="justify-center flex-column flex-sm-row my-5 mb-sm-0 mt-sm-7"
       >
         <v-btn
           v-if="step > 1 && step !== 4"
@@ -2547,7 +2575,7 @@ function deleteEvent(index) {
           variant="outlined"
           size="large"
           @click="step--"
-          class="px-7 me-7"
+          class="px-7 me-sm-7"
         >
           {{ t("back") }}
         </v-btn>
@@ -2559,7 +2587,7 @@ function deleteEvent(index) {
           variant="flat"
           size="large"
           @click="checkField(step)"
-          class="px-7"
+          class="px-7 ms-0 mt-5 mt-sm-0"
         >
           {{ t("next") }}
         </v-btn>
@@ -2578,7 +2606,7 @@ function deleteEvent(index) {
           size="large"
           @click="create()"
           :loading="loading"
-          class="px-7"
+          class="px-7 mt-5 mt-sm-0 ms-0"
         >
           {{ t("form.create") }}
         </v-btn>
@@ -2711,12 +2739,13 @@ function deleteEvent(index) {
   }
 }
 
+.table-title {
+  width: auto !important;
+  background-color: var(--purple);
+}
+
 .main-table {
-  margin: 3.125em 0;
-  .table-title {
-    width: auto !important;
-    background-color: var(--purple);
-  }
+  margin-bottom: 3em;
 
   table {
     thead {
@@ -2812,13 +2841,6 @@ input[type="checkbox"] {
       opacity: 0.8;
     }
   }
-
-  // width: 21.875em;
-  // margin: auto;
-
-  // @media (max-width: 600px) {
-  //   width: 100%;
-  // }
 }
 
 .teachers-card {

src/views/Courses/Proposal.vue

@@ -1571,42 +1571,6 @@ function removeTeacher(index) {
     }
   }
 
-  // .table-title {
-  //   width: 1000px;
-  //   padding: 0.625em;
-  //   color: #fff;
-  //   font-size: 1.25em;
-  //   font-weight: 400;
-  //   text-align: center;
-  //   font-size: 1.3em;
-  //   background-color: var(--purple);
-  // }
-
-  // .main-table {
-  //   max-width: 100%;
-  //   margin-bottom: 3.125em;
-  //   overflow-x: auto;
-
-  //   // .table-title {
-  //   //   font-size: 1.3em;
-  //   //   background-color: var(--purple);
-  //   // }
-
-  //   table {
-  //     margin: auto;
-  //     width: 1000px;
-  //     font-size: 1em;
-  //     thead {
-  //       border-bottom: 0.125em solid var(--purple);
-  //     }
-  //     tbody {
-  //       td {
-  //         border-bottom: 0.0625em solid var(--purple);
-  //       }
-  //     }
-  //   }
-  // }
-
   .finish-step {
     line-height: 3.125em !important;
     font-size: 1.375em;

src/views/Courses/SetUp.vue

@@ -67,7 +67,7 @@ async function login() {
         <div class="options">
           <img
             src="@/assets/img/setup-courses/素材-01.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <router-link to="/setup-courses/tutorial">   {{ t("tutorial.title") }}</router-link>
         </div>
@@ -77,7 +77,7 @@ async function login() {
         <div v-if="!isLogin" class="options">
           <img
             src="@/assets/img/setup-courses/素材-02.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <button @click="login()">登入會員開課</button>
           <!-- <button @click="store.openLoginDialog()">登入會員開課</button> -->
@@ -85,7 +85,7 @@ async function login() {
         <div v-else-if="isCrafts" class="options">
           <img
             src="@/assets/img/setup-courses/素材-03.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <router-link to="/setup-courses/create">
             {{ t("tutorial.create") }}

src/views/Crafts.vue

@@ -260,7 +260,7 @@ function handlePdfUrl(pdf) {
               placeholder="關鍵字搜尋"
             />
             <button @click="search()">
-              <img src="@/assets/img/news/news-search-icon.png" alt="臺灣工藝學校全球學習共享平台" />
+              <img src="@/assets/img/news/news-search-icon.png" alt="臺灣工藝學習平台" />
             </button>
           </span>
           <div
@@ -294,7 +294,7 @@ function handlePdfUrl(pdf) {
                 class="mx-auto cover-img"
                 :lazy-src="`${store.imgUrl}/${item.cover_img}`"
                 :src="`${store.imgUrl}/${item.cover_img}`"
-                alt="臺灣工藝學校全球學習共享平台"
+                alt="臺灣工藝學習平台"
               >
                 <template v-slot:placeholder>
                   <div class="d-flex align-center justify-center fill-height">
@@ -305,13 +305,13 @@ function handlePdfUrl(pdf) {
                   </div>
                 </template>
               </v-img>
-              <!-- <img :src="item.img" alt="臺灣工藝學校全球學習共享平台" /> -->
+              <!-- <img :src="item.img" alt="臺灣工藝學習平台" /> -->
             </a>
 
             <!-- <img
               v-else
               :src="item.img"
-              alt="臺灣工藝學校全球學習共享平台"
+              alt="臺灣工藝學習平台"
               @click="updatePDF(item.fileName)"
             /> -->
 
@@ -321,7 +321,7 @@ function handlePdfUrl(pdf) {
               :lazy-src="`${store.imgUrl}/${item.cover_img}`"
               :src="`${store.imgUrl}/${item.cover_img}`"
               @click="updatePDF(item.files)"
-              alt="臺灣工藝學校全球學習共享平台"
+              alt="臺灣工藝學習平台"
             >
               <template v-slot:placeholder>
                 <div class="d-flex align-center justify-center fill-height">
@@ -334,7 +334,7 @@ function handlePdfUrl(pdf) {
             </v-img>
 
             <!-- <a :href="item.url" target="_blank">
-              <img :src="item.img" alt="臺灣工藝學校全球學習共享平台" />
+              <img :src="item.img" alt="臺灣工藝學習平台" />
             </a> -->
             <section>
               <h3 v-html="item.title"></h3>
@@ -358,7 +358,7 @@ function handlePdfUrl(pdf) {
               placeholder="關鍵字搜尋"
             />
             <button @click="search()">
-              <img src="@/assets/img/news/news-search-icon.png" alt="臺灣工藝學校全球學習共享平台" />
+              <img src="@/assets/img/news/news-search-icon.png" alt="臺灣工藝學習平台" />
             </button>
           </span>
           <div
@@ -388,7 +388,7 @@ function handlePdfUrl(pdf) {
                   :lazy-src="`${store.imgUrl}/${item.cover_img}`"
                   cover
                   :src="`${store.imgUrl}/${item.cover_img}`"
-                  alt="臺灣工藝學校全球學習共享平台"
+                  alt="臺灣工藝學習平台"
                 >
                   <template v-slot:placeholder>
                     <div class="d-flex align-center justify-center fill-height">
@@ -403,7 +403,7 @@ function handlePdfUrl(pdf) {
             </a>
 
             <!-- <a :href="item.url" target="_blank">
-              <img :src="item.img" alt="臺灣工藝學校全球學習共享平台" />
+              <img :src="item.img" alt="臺灣工藝學習平台" />
             </a> -->
             <section class="info">
               <p v-html="filteredContent(item.content)"></p>
@@ -423,7 +423,7 @@ function handlePdfUrl(pdf) {
         <div class="journal-content">
           <p>
             臺灣工藝學刊(Journal of
-            Craftology｜Taiwan)是由中華民國文化部所屬臺灣工藝學校全球學習共享平台所出版之學術性半年刊，創立於2021年。
+            Craftology｜Taiwan)是由中華民國文化部所屬臺灣工藝學習平台所出版之學術性半年刊，創立於2021年。
             <br />
             <br />
             本刊企圖以工藝為問題意識核心，致力於工藝學跨領域思維整合之研究論文，內容涵蓋當代工藝多元價值論述，藝術與人文、社會及科學之跨領域發展整合、產生對話與交集，提供工藝研究交流平台，經由公開徵求工藝相關領域之研究論文稿件，旨在促進臺灣工藝文化主體與工藝產業發展的學術研究質量，建構國內工藝學知識體系，以提升國內工藝學術研究水準。
@@ -659,12 +659,12 @@ h2 {
     padding: 3.125em 3.125em 0 3.125em;
 
     @media (max-width: 600px) {
-      padding: 1.5625em 1.5625em 0 1.5625em;
+      padding: 1.5em 1.5em 0 1.5em;
     }
 
     li {
-      margin-bottom: 1.5625em;
-      padding-bottom: 1.5625em;
+      margin-bottom: 1.5em;
+      padding-bottom: 1.5em;
       border-bottom: 0.0625em dashed #ccc;
 
       &:last-child {

src/views/Home.vue

@@ -342,12 +342,12 @@ let closeBanner = ref(false);
   <div class="banner" :class="{ close: closeBanner }">
     <img
       src="@/assets/img/home/banner.webp"
-      alt="臺灣工藝學校全球學習共享平台"
+      alt="臺灣工藝學習平台"
       class="cover"
     />
     <img
       src="@/assets/img/home/logo.png"
-      alt="臺灣工藝學校全球學習共享平台"
+      alt="臺灣工藝學習平台"
       class="logo"
     />
   </div>
@@ -367,7 +367,7 @@ let closeBanner = ref(false);
         {{ t("home.content") }}
       </p>
       <!-- <p class="my-10">
-        以佈局具國際視野之工藝學習共享平台為目標，藉由「工藝學校」的主體概念，推動臺灣工藝學校全球學習平台，以共享、友善、全人、全民的終身工藝手作平台進行人才、課程、知識、教材之工藝資源嫁接媒合與內容設計，以在地、就近、線上、線下等多元方式提供不同型態之學習體驗內容及選擇。
+        以佈局具國際視野之工藝學習共享平台為目標，藉由「工藝學校」的主體概念，推動臺灣工藝學習平台，以共享、友善、全人、全民的終身工藝手作平台進行人才、課程、知識、教材之工藝資源嫁接媒合與內容設計，以在地、就近、線上、線下等多元方式提供不同型態之學習體驗內容及選擇。
       </p>
       <p>
         With the goal of laying out a craft learning and sharing platform with
@@ -392,7 +392,7 @@ let closeBanner = ref(false);
         <div class="d-flex h-100 align-center">
           <img
             src="@/assets/img/home/carousel-01.jpg"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
             class="w-100"
           />
         </div>
@@ -466,7 +466,7 @@ let closeBanner = ref(false);
         <router-link to="/college-group/future" class="img-info">
           <img
             src="@/assets/img/home/首頁元素-12.webp"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <section>
             <p>{{ t("college_group_1") }}</p>
@@ -477,7 +477,7 @@ let closeBanner = ref(false);
         <router-link to="/college-group/craft" class="img-info">
           <img
             src="@/assets/img/home/首頁元素-11.webp"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <section>
             <p>{{ t("college_group_2") }}</p>
@@ -488,7 +488,7 @@ let closeBanner = ref(false);
         <router-link to="/college-group/cross" class="img-info">
           <img
             src="@/assets/img/home/首頁元素-06.webp"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <section>
             <p>{{ t("college_group_3") }}</p>
@@ -499,7 +499,7 @@ let closeBanner = ref(false);
         <router-link to="/college-group/online" class="img-info">
           <img
             src="@/assets/img/home/首頁元素-09.webp"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <section>
             <p>{{ t("college_group_4") }}</p>
@@ -510,7 +510,7 @@ let closeBanner = ref(false);
         <router-link to="/college-group/craft-for-all" class="img-info">
           <img
             src="@/assets/img/home/臺灣綠工藝希望工程.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <section>
             <p>{{ t("college_group_5") }}</p>
@@ -521,7 +521,7 @@ let closeBanner = ref(false);
         <router-link to="/college-group/life" class="img-info">
           <img
             src="@/assets/img/home/首頁元素-07.webp"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <section>
             <p>{{ t("college_group_6") }}</p>
@@ -600,7 +600,7 @@ let closeBanner = ref(false);
                     :lazy-src="store.getImageSrc(item)"
                     cover
                     :src="store.getImageSrc(item)"
-                    alt="臺灣工藝學校全球學習共享平台"
+                    alt="臺灣工藝學習平台"
                   >
                     <template v-slot:placeholder>
                       <div
@@ -683,7 +683,7 @@ let closeBanner = ref(false);
                           ? store.getImageUrl('default.webp')
                           : `${store.imgUrl}/${item.cover_img}`
                       "
-                      alt="臺灣工藝學校全球學習共享平台"
+                      alt="臺灣工藝學習平台"
                     >
                       <template v-slot:placeholder>
                         <div
@@ -751,7 +751,7 @@ let closeBanner = ref(false);
         <router-link to="/course-list" class="course-link">
           <img
             src="@/assets/img/course/探索課程素材-15.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <p>{{ t("see_more") }}</p>
         </router-link>
@@ -868,7 +868,7 @@ let closeBanner = ref(false);
     <router-link to="/crafts" class="crafts-link">
       <img
         src="@/assets/img/course/探索課程素材-15.png"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       />
       <p>{{ t("crafts.see_more") }}</p>
     </router-link>
@@ -877,12 +877,12 @@ let closeBanner = ref(false);
       <img
         class="d-none d-md-block"
         src="@/assets/img/course/banner.webp"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       />
       <img
         class="d-block d-md-none"
         src="@/assets/img/course/banner-mb.webp"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       />
     </div>
   </v-container>

src/views/News.vue

@@ -146,20 +146,20 @@ const categoryList = reactive([
   <div class="position-relative">
     <img
       src="@/assets/img/news/news-01.png"
-      alt="臺灣工藝學校全球學習共享平台"
+      alt="臺灣工藝學習平台"
       class="material-img"
     />
     <v-container>
       <!-- <img
         src="@/assets/img/news/news-banner.png"
-        alt="臺灣工藝學校全球學習共享平台"
+        alt="臺灣工藝學習平台"
       /> -->
 
       <div class="content py-10 mt-16">
         <div class="bg-img">
           <img
             src="@/assets/img/news/news-bg.webp"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </div>
 
@@ -180,7 +180,7 @@ const categoryList = reactive([
             <button @click="search()">
               <img
                 src="@/assets/img/news/news-search-icon.png"
-                alt="臺灣工藝學校全球學習共享平台"
+                alt="臺灣工藝學習平台"
               />
             </button>
           </span>
@@ -235,7 +235,7 @@ const categoryList = reactive([
               <v-row class="align-center">
                 <v-col cols="12" sm="4">
                   <router-link :to="`/news/${item.news_id}`" class="cover-img">
-                    <img src="@/assets/img/img-01.jpg" alt="臺灣工藝學校全球學習共享平台" />
+                    <img src="@/assets/img/img-01.jpg" alt="臺灣工藝學習平台" />
                   </router-link>
                 </v-col>
                 <v-col cols="12">
@@ -264,7 +264,7 @@ const categoryList = reactive([
     </v-container>
     <img
       src="@/assets/img/news/news-01.png"
-      alt="臺灣工藝學校全球學習共享平台"
+      alt="臺灣工藝學習平台"
       class="material-img"
     />
   </div>

src/views/NewsDetail.vue

@@ -34,7 +34,7 @@ let loading = ref(false);
   <div class="position-relative">
     <img
       src="@/assets/img/news/news-01.png"
-      alt="臺灣工藝學校全球學習共享平台"
+      alt="臺灣工藝學習平台"
       class="material-img"
     />
     <v-container class="pa-0 py-16 position-relative">
@@ -58,8 +58,8 @@ let loading = ref(false);
                 </p>
               </div>
               <h2>{{ news.data.title }}</h2>
-              <!-- <img src="@/assets/img/img-01.jpg" alt="臺灣工藝學校全球學習共享平台" class="cover-img" /> -->
-              <!-- <img :src="`https://cmm.ai/ntcri/${news.data.cover_img}`" alt="臺灣工藝學校全球學習共享平台" /> -->
+              <!-- <img src="@/assets/img/img-01.jpg" alt="臺灣工藝學習平台" class="cover-img" /> -->
+              <!-- <img :src="`https://cmm.ai/ntcri/${news.data.cover_img}`" alt="臺灣工藝學習平台" /> -->
             </v-col>
             <v-col cols="12" class="mt-10">
               <section
@@ -85,7 +85,7 @@ let loading = ref(false);
     </v-container>
     <img
       src="@/assets/img/news/news-01.png"
-      alt="臺灣工藝學校全球學習共享平台"
+      alt="臺灣工藝學習平台"
       class="material-img"
     />
   </div>

src/views/User/Courses.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, reactive, watch } from "vue";
+import { ref, reactive, watch, onMounted } from "vue";
 import { useMainStore } from "@/stores/store";
 import { useI18n } from "vue-i18n";
 import { VDataTable } from "vuetify/labs/VDataTable";
@@ -63,7 +63,9 @@ async function getClass() {
   }
 }
 
-getClass();
+onMounted(() => {
+  getClass();
+});
 
 // 彈跳視窗狀態
 let schoolDialog = ref(false); // 據點
@@ -1108,7 +1110,9 @@ async function closeClass(id) {
       <h4>{{ t("navbar.courses") }}</h4>
     </div>
 
-    <div class="d-flex align-center ms-auto search-item">
+    <div
+      class="d-flex flex-column flex-sm-row align-start align-sm-center ms-auto search-item"
+    >
       <v-text-field
         @keyup.enter="search()"
         v-model="searchInput"
@@ -1122,7 +1126,7 @@ async function closeClass(id) {
       <button @click="search()" class="ms-2">
         <img
           src="@/assets/img/news/news-search-icon.png"
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         />
       </button>
     </div>
@@ -1140,14 +1144,16 @@ async function closeClass(id) {
         <button @click="search()">
           <img
             src="@/assets/img/news/news-search-icon.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
         </button>
       </span>
       <small class="ms-3">清除</small>
     </div> -->
 
-    <div class="d-flex justify-center tab-btn mt-5 mb-10">
+    <div
+      class="d-flex flex-column flex-sm-row justify-center tab-btn mt-5"
+    >
       <v-btn
         variant="text"
         @click="selectTag('all')"
@@ -1286,7 +1292,9 @@ async function closeClass(id) {
                                 {{ t("form.edit_location") }}
                               </v-card-title>
                               <v-card-text>
-                                <v-label class="d-flex align-center pb-3">
+                                <v-label
+                                  class="d-flex flex-column flex-sm-row align-start align-sm-center pb-3"
+                                >
                                   <p class="pb-5 pe-3">
                                     {{ t("form.location_name") }}
                                     <span class="mark">*</span>
@@ -1302,7 +1310,9 @@ async function closeClass(id) {
                                   ></v-text-field>
                                 </v-label>
 
-                                <v-label class="d-flex align-center pb-3 w-100">
+                                <v-label
+                                  class="d-flex flex-column flex-sm-row align-start align-sm-center pb-3 w-100"
+                                >
                                   <p class="pb-5 pe-3">
                                     {{ t("form.location_address") }}
                                     <span class="mark">*</span>
@@ -1696,7 +1706,7 @@ async function closeClass(id) {
                               <!-- <v-card-title>
                                 <span class="d-block pa-8">編輯場次</span>
                               </v-card-title> -->
-                              <v-card-text class="pa-8">
+                              <v-card-text class="pa-3 pa-sm-8">
                                 <v-form
                                   ref="eventForm"
                                   lazy-validation
@@ -1714,7 +1724,7 @@ async function closeClass(id) {
 
                                       <v-col cols="12" class="py-0">
                                         <v-label
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
                                           <p class="pb-5 pe-3">
                                             {{ t("form.session_name") }}
@@ -1732,7 +1742,7 @@ async function closeClass(id) {
 
                                       <!-- <v-col cols="12" sm="6" class="py-0">
                                         <v-label
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
                                           <p class="pb-5 pe-3">
                                             課程講師<span class="mark">*</span>
@@ -1748,7 +1758,7 @@ async function closeClass(id) {
 
                                       <!-- <v-col cols="12" sm="12" class="py-0">
                                         <v-label
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
                                           <p class="pb-5 pe-3">
                                             聯絡資訊<span class="mark">*</span>
@@ -1764,7 +1774,7 @@ async function closeClass(id) {
 
                                       <v-col cols="12" sm="6" class="py-0">
                                         <v-label
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
                                           <p class="pb-5 pe-3">
                                             {{ t("form.course_quota") }}
@@ -1783,7 +1793,7 @@ async function closeClass(id) {
 
                                       <v-col cols="12" sm="6" class="py-0">
                                         <v-label
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
                                           <p class="pb-5 pe-3">
                                             {{ t("form.minimum_enrollment") }}
@@ -1803,7 +1813,7 @@ async function closeClass(id) {
 
                                       <v-col cols="12" class="py-0">
                                         <v-label
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
                                           <p class="pb-5 pe-3">
                                             {{ t("form.payment_method") }}
@@ -1824,7 +1834,7 @@ async function closeClass(id) {
                                       <v-col cols="12" class="py-0">
                                         <v-label
                                           v-if="isRemit"
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
                                           <p class="pb-5 pe-3">
                                             匯款資訊<span class="mark">*</span>
@@ -1854,7 +1864,7 @@ async function closeClass(id) {
 
                                       <v-col cols="12" class="py-0">
                                         <v-label
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
                                           <p class="pb-5 pe-3">
                                             {{ t("form.course_price")
@@ -1872,11 +1882,13 @@ async function closeClass(id) {
 
                                       <v-col cols="12" class="py-0">
                                         <v-label
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
                                           <p class="pb-3 pe-3">
                                             {{ t("form.target_audience") }}
-                                            <span class="mark pb-4">*</span>
+                                            <span class="mark pb-3 pb-sm-4"
+                                              >*</span
+                                            >
                                           </p>
                                           <v-textarea
                                             v-model="event.people"
@@ -1892,9 +1904,9 @@ async function closeClass(id) {
 
                                       <v-col cols="12" class="py-0">
                                         <v-label
-                                          class="d-flex align-center py-2"
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center py-2"
                                         >
-                                          <p class="ps-8 pe-5">
+                                          <p class="pb-5 pb-sm-0 ps-sm-8 pe-5">
                                             {{ t("form.remarks") }}
                                           </p>
                                           <v-text-field
@@ -1920,7 +1932,9 @@ async function closeClass(id) {
                                         cols="12"
                                         class="py-0 position-relative"
                                       >
-                                        <v-label class="d-flex align-center">
+                                        <v-label
+                                          class="d-flex flex-column flex-sm-row align-start align-sm-center"
+                                        >
                                           <p class="pb-3 pe-3">
                                             {{ t("form.course_type") }}
                                             <span class="mark pb-4">*</span>
@@ -1988,7 +2002,7 @@ async function closeClass(id) {
                                                 time-picker
                                               />
                                               <span
-                                                class="d-flex align-center mx-2"
+                                                class="d-flex flex-column flex-sm-row align-start align-sm-center mx-2"
                                                 >～</span
                                               >
                                               <VueDatePicker
@@ -2005,7 +2019,7 @@ async function closeClass(id) {
                                       </v-col>
 
                                       <v-col cols="12" sm="6" class="date-item">
-                                        <p class="mb-0 pe-3">
+                                        <p class="mb-5 mb-sm-0 pe-3">
                                           {{ t("form.start_date") }}
                                           <span class="mark">*</span>
                                         </p>
@@ -2022,7 +2036,7 @@ async function closeClass(id) {
                                       </v-col>
 
                                       <v-col cols="12" sm="6" class="date-item">
-                                        <p class="mb-0 pe-3">
+                                        <p class="mb-5 mb-sm-0 pe-3">
                                           {{ t("form.start_time") }}
                                           <span class="mark">*</span>
                                         </p>
@@ -2040,7 +2054,7 @@ async function closeClass(id) {
                                         sm="6"
                                         class="date-item position-relative"
                                       >
-                                        <p class="mb-0 pe-3">
+                                        <p class="mb-5 mb-sm-0 pe-3">
                                           {{ t("form.end_date") }}
                                           <span class="mark">*</span>
                                         </p>
@@ -2065,7 +2079,7 @@ async function closeClass(id) {
                                       </v-col>
 
                                       <v-col cols="12" sm="6" class="date-item">
-                                        <p class="mb-0 pe-3">
+                                        <p class="mb-5 mb-sm-0 pe-3">
                                           {{ t("form.end_time") }}
                                           <span class="mark">*</span>
                                         </p>
@@ -2089,7 +2103,7 @@ async function closeClass(id) {
                                       </v-col>
 
                                       <v-col cols="12" sm="6" class="date-item">
-                                        <p class="mb-0 pe-3">
+                                        <p class="mb-5 mb-sm-0 pe-3">
                                           {{
                                             t("form.registration_start_date")
                                           }}
@@ -2107,7 +2121,7 @@ async function closeClass(id) {
                                       </v-col>
 
                                       <v-col cols="12" sm="6" class="date-item">
-                                        <p class="mb-0 pe-3">
+                                        <p class="mb-5 mb-sm-0 pe-3">
                                           {{ t("form.registration_time") }}
                                           <span class="mark pb-4">*</span>
                                         </p>
@@ -2121,7 +2135,7 @@ async function closeClass(id) {
                                       </v-col>
 
                                       <v-col cols="12" sm="6" class="date-item">
-                                        <p class="mb-0 pe-3">
+                                        <p class="mb-5 mb-sm-0 pe-3">
                                           {{ t("form.registration_deadline") }}
                                           <span class="mark pb-4">*</span>
                                         </p>
@@ -2137,7 +2151,7 @@ async function closeClass(id) {
                                       </v-col>
 
                                       <v-col cols="12" sm="6" class="date-item">
-                                        <p class="mb-0 pe-3">
+                                        <p class="mb-5 mb-sm-0 pe-3">
                                           {{ t("form.registration_end_time") }}
                                           <span class="mark pb-4">*</span>
                                         </p>
@@ -2237,7 +2251,7 @@ async function closeClass(id) {
                       v-bind="props"
                       color="purple"
                       variant="flat"
-                      class="d-flex align-center mt-3"
+                      class="d-flex flex-column flex-sm-row align-start align-sm-center mt-3"
                       :disabled="item.is_check === 2"
                     >
                       <p>{{ t("form.attendance_management") }}</p>
@@ -2297,7 +2311,7 @@ async function closeClass(id) {
                               </template>
                               <template v-slot:item.payment="{ item }">
                                 <div
-                                  class="d-flex align-center my-2"
+                                  class="d-flex flex-column flex-sm-row align-start align-sm-center my-2"
                                   style="width: 100px"
                                 >
                                   <v-checkbox
@@ -2313,7 +2327,7 @@ async function closeClass(id) {
                               </template>
                               <template v-slot:item.five_digits="{ item }">
                                 <div
-                                  class="d-flex align-center my-2"
+                                  class="d-flex flex-column flex-sm-row align-start align-sm-center my-2"
                                   style="width: 210px"
                                 >
                                   <v-text-field
@@ -2380,7 +2394,7 @@ async function closeClass(id) {
                           </v-window-item>
                           <v-window-item :value="2">
                             <div
-                              class="d-flex align-center justify-center mb-3 pt-5"
+                              class="d-flex flex-column flex-sm-row align-start align-sm-center justify-center mb-3 pt-5"
                             >
                               <v-select
                                 v-model="sessionId"
@@ -2537,7 +2551,7 @@ async function closeClass(id) {
       </table>
     </div>
 
-    <p v-else class="text-h6 text-center font-weight-bold text-gray">
+    <p v-else class="mb-3 text-h6 text-center font-weight-bold text-gray">
       {{ t("no_found") }}
     </p>
 

src/views/User/Dashboard.vue

@@ -173,7 +173,7 @@ let items = [
   }
 
   .v-card {
-    padding: 1.5625em;
+    padding: 1.5em;
     .v-btn {
       font-size: 1.125em;
     }

src/views/User/FavoriteClass.vue

@@ -90,7 +90,7 @@ const handleSearch = () => {
 <template>
   <v-card class="h-100">
     <div class="title">
-      <h4>我的收藏</h4>
+      <h4>{{ t("navbar.collections") }}</h4>
     </div>
     <v-text-field
       v-model.lazy="searchText"
@@ -111,7 +111,7 @@ const handleSearch = () => {
         {{ t("no_found") }}
       </div>
     </div>
-    <v-container>
+    <v-container class="pa-0 pa-sm-3">
       <v-row>
         <v-col cols="12" v-if="!favorites.list.length && !progress">
           <router-link to="/setup-courses" class="hint-item">
@@ -151,6 +151,6 @@ const handleSearch = () => {
 
 <style lang="scss" scoped>
 .error {
-  height: 1.5625em;
+  height: 1.5em;
 }
 </style>

src/views/User/Passport.vue

@@ -104,8 +104,10 @@ function getBankCode(string, type) {
 
     <v-row class="main-info mt-10">
       <v-col cols="12" md="6" class="d-flex flex-column align-center">
-        <h5>{{ t("learning_hours.total_learning") }}
-          <span>{{ t("learning_hours.hours") }}</span></h5>
+        <h5>
+          {{ t("learning_hours.total_learning") }}
+          <span>{{ t("learning_hours.hours") }}</span>
+        </h5>
         <div class="d-flex align-center position-relative">
           <p>
             {{ t("learning_hours.completed_hours") }} <br />
@@ -113,14 +115,14 @@ function getBankCode(string, type) {
           </p>
           <img
             src="@/assets/img/passport/icon-01.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
             class="icon"
           />
         </div>
         <div class="record-item">
           <img
             src="@/assets/img/passport/icon-03.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <p>
             {{ t("learning_hours.total") }} <br />
@@ -141,14 +143,14 @@ function getBankCode(string, type) {
           </p>
           <img
             src="@/assets/img/passport/icon-02.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
             class="icon"
           />
         </div>
         <div class="record-item">
           <img
             src="@/assets/img/passport/icon-03.png"
-            alt="臺灣工藝學校全球學習共享平台"
+            alt="臺灣工藝學習平台"
           />
           <p>
             {{ t("learning_hours.total") }} <br />
@@ -164,7 +166,7 @@ function getBankCode(string, type) {
             @click="selectTag('register')"
             :class="{ active: assignTag === 'register' }"
           >
-            報名中課程
+            {{ t("learning_hours.enrolled_courses") }}
           </v-btn>
           <v-btn
             variant="text"
@@ -172,7 +174,7 @@ function getBankCode(string, type) {
             :class="{ active: assignTag === '0' }"
             class="mt-3 mt-sm-0"
           >
-            上課紀錄
+            {{ t("learning_hours.class_records") }}
           </v-btn>
         </div>
 

src/views/User/Profile.vue

@@ -910,9 +910,9 @@ let productList = ["機具", "織布"];
       height: 0.1875em;
     }
 
-    .v-slide-group__container {
-      overflow: unset;
-    }
+    // .v-slide-group__container {
+    //   overflow: unset;
+    // }
 
     .v-btn__content {
       font-size: 1.375em;

src/views/User/Proposal.vue

@@ -83,7 +83,7 @@ function selectTag(btn) {
       <button @click="search()" class="ms-2">
         <img
           src="@/assets/img/news/news-search-icon.png"
-          alt="臺灣工藝學校全球學習共享平台"
+          alt="臺灣工藝學習平台"
         />
       </button>
     </div>

src/views/User/Setting.vue

@@ -83,6 +83,6 @@ const handleSearch = () => {
 
 <style lang="scss" scoped>
 .error {
-  height: 1.5625em;
+  height: 1.5em;
 }
 </style>