update

src/language/en.json

@@ -11,6 +11,7 @@
   "ticket_purchase": "Go to Ticket Purchase",
   "purchase_link": "Please select the ticket purchase link",
   "get_coupon": "Get Coupon",
+  "5G_event": "5G Event Promotion",
   "postcard": {
     "step1": {
       "text_1": "AI postcard can recognize travelers from different nationalities.",

src/language/ja.json

@@ -11,6 +11,7 @@
   "ticket_purchase": "前往購票",
   "purchase_link": "請選擇購票連結",
   "get_coupon": "クーポンを取得する",
+  "5G_event": "5G イベントプロモーション",
   "postcard": {
     "step1": {
       "text_1": "AIポストカードはは様々の国籍の旅行者を識別できます。",

src/language/ko.json

@@ -11,6 +11,7 @@
   "ticket_purchase": "티켓 구매하기",
   "purchase_link": "티켓 구매 링크를 선택하세요",
   "get_coupon": "쿠폰 받기",
+  "5G_event": "5G 행사 프로모션",
   "postcard": {
     "step1": {
       "text_1": "AI 엽서는 다양한 국적의 여행자를 구별할 수 있습니다",

src/language/zh.json

@@ -11,6 +11,7 @@
   "ticket_purchase": "前往購票",
   "purchase_link": "請選擇購票連結",
   "get_coupon": "取得優惠券",
+  "5G_event": "5G 活動優惠",
   "postcard": {
     "step1": {
       "text_1": "AI 明信片可以分辨來自不同國籍的旅客",

src/views/Step_6.vue

@@ -332,7 +332,8 @@ const openUploadInput = () => {
   width: 100%;
   padding: 100px 10px 20px;
   display: flex;
-  justify-content: center;
+  flex-direction: column;
+  align-items: center;
   // position: absolute;
   // left: 50%;
   // bottom: 20vw;

src/views/Step_7.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 import { useI18n } from "vue-i18n";
 import { useMainStore } from "@/stores/store";
 import axios from "axios";
@@ -102,6 +102,23 @@ async function setPostcardLog() {
     console.log("error", error);
   }
 }
+
+// 判斷語言更改圖片
+const couponImgSrc = ref("../src/assets/img/coupon.png"); // 預設圖片
+
+onMounted(() => {
+  const lang = localStorage.getItem("lang");
+
+  if (lang === "zh-tw") {
+    couponImgSrc.value = "../src/assets/img/coupon_ch.png";
+  } else if (lang === "en-us") {
+    couponImgSrc.value = "../src/assets/img/coupon_en.png";
+  } else if (lang === "ja-jp") {
+    couponImgSrc.value = "../src/assets/img/coupon_jp.png";
+  } else if (lang === "ko-kr") {
+    couponImgSrc.value = "../src/assets/img/coupon_kr.png";
+  }
+});
 </script>
 
 <template>
@@ -143,12 +160,13 @@ async function setPostcardLog() {
           <v-card max-width="400">
             <v-card-title class="pa-6">
               {{ randomStoreName }} <br />
-              5G活動優惠
+              {{ t("5G_event") }}
             </v-card-title>
 
             <v-card-text class="pt-0">
               <div class="coupon">
-                <img class="bg-img" src="../assets/img/coupon.png" alt="" />
+                <img class="bg-img" :src="couponImgSrc" alt="" />
+                <!-- <img class="bg-img" src="../assets/img/coupon.png" alt="" /> -->
 
                 <img class="result-img" :src="store.imgPath" alt="" />