update ui

frontend/src/language/zh.json

@@ -39,13 +39,13 @@
     "clear": "清除",
     "edit": "編輯",
     "send": "送出",
-    "title": "標題",
+    "title": "影片標題",
     "state": "狀態",
     "download": "下載",
     "preview": "預覽",
     "saving": "儲存中",
     "sending": "上傳中",
-    "fileInput": "檔案上傳",
+    "fileInput": "上傳 ZIP 檔",
     "fileReceived": "上傳成功",
     "profileUpdated": "更新成功",
     "editUserProfile": "編輯資料",

frontend/src/views/main/Upload.vue

@@ -73,20 +73,17 @@ async function Submit() {
         <ul class="mt-5 step-list">
           <li>
             <h4>1. 取得快速製作模板</h4>
-            <p class="excerpt">請點擊按鈕下載 excel 檔範例</p>
+            <p class="excerpt">請點擊下方按鈕取得模板範例</p>
             <div class="mb-5">
-              <a
-                href="https://video.choozmo.com/register.html"
-                class="link-btn"
-                target="_blank"
+              <a href="../public/example/影片範例.zip" class="link-btn" download
                 >點我下載</a
               >
             </div>
           </li>
           <li>
             <h4>2. 準備影片內容</h4>
-            <p class="excerpt">
-              準備一個資料夾，裡面有一個 "素材資料夾" 跟 "EXCEL 檔"
+            <p class="excerpt text-center">
+              範例的資料夾內，有 "素材資料夾" 跟 "EXCEL 檔" <br> （您也可以自行創建資料夾）
             </p>
             <img src="@/assets/img/step/step-01.png" alt="" class="mb-4" />
             <p class="excerpt">素材資料夾裡面放照片或影片</p>
@@ -95,14 +92,17 @@ async function Submit() {
               >包含內容：圖片／影片（.jpg／.mp4）</small
             >
             <p class="mt-5 excerpt">
-              EXCEL 檔整理成這個格式－大標題、字幕、素材、音檔
+              EXCEL 檔整理成這個格式－大標、字幕、素材、發音
             </p>
             <img src="@/assets/img/step/step-03.png" alt="" />
             <ul class="point-list">
-              <li>1. 字幕之間的斷句 使用符號【¥】</li>
-              <li>2. 字幕每一句段落勿超過中文 25 字、英文 50 字</li>
-              <li>3. 大標題字數勿超過中文 15 字、英文 30 字</li>
-              <li>4. 音檔留空白</li>
+              <li>1. 字幕之間的斷句請使用符號【\】進行換行
+                <br>
+                （建議 10 個字內，若超過請使用換行符號）
+              </li>
+              <li>2. 字幕段落勿超過中文 25 字、英文 50 字</li>
+              <li>3. 大標字數勿超過中文 15 字、英文 30 字</li>
+              <li>4. 音檔請留空白</li>
             </ul>
             <p class="mt-5 excerpt">以下為顯示效果：</p>
             <img src="@/assets/img/step/step-04.png" alt="" />
@@ -162,6 +162,9 @@ async function Submit() {
     flex-direction: column;
     align-items: center;
     font-size: 16px;
+    p {
+      line-height: 32px;
+    }
     h4 {
       margin: 20px auto;
       color: #ea5413;