update

.env.development

@@ -1,2 +1,2 @@
-VITE_API_URL=http://172.104.93.163:3219
+VITE_API_URL=https://cmm.ai/postcard
 VITE_API_IMG_URL=http://localhost:5176/src

.env.production

@@ -1,2 +1,2 @@
-VITE_API_URL=http://172.104.93.163:3219
-VITE_API_IMG_URL=http://172.104.93.163:3219/static
+VITE_API_URL=https://cmm.ai/postcard
+VITE_API_IMG_URL=https://cmm.ai/postcard/static

src/components/Footer.vue

@@ -10,7 +10,7 @@ const props = defineProps(["url", "back"]);
     <router-link :to="props.url">
       {{ t("previous_step") }}
     </router-link>
-    <a href="https://cmm.ai/101-aiv1/#/">
+    <a href="https://cmm.ai/postcard/static/index.html#/step1">
       {{ t("back_homepage") }}
     </a>
     <!-- <router-link :to="props.back ? props.back : '/'">回到首頁</router-link> -->

src/language/en.json

@@ -10,6 +10,7 @@
   "select_person": "Please select a person",
   "ticket_purchase": "Go to Ticket Purchase",
   "purchase_link": "Please select the ticket purchase link",
+  "get_coupon": "Get Coupon",
 
   "postcard": {
     "step1": {

src/language/ja.json

@@ -10,6 +10,7 @@
   "select_person": "人物を選択してください",
   "ticket_purchase": "前往購票",
   "purchase_link": "請選擇購票連結",
+  "get_coupon": "クーポンを取得する",
 
   "postcard": {
     "step1": {

src/language/ko.json

@@ -10,6 +10,7 @@
   "select_person": "請選擇人物",
   "ticket_purchase": "前往購票",
   "purchase_link": "請選擇購票連結",
+  "get_coupon": "쿠폰 받기",
 
   "postcard": {
     "step1": {

src/language/zh.json

@@ -10,6 +10,7 @@
   "select_person": "請選擇人物",
   "ticket_purchase": "前往購票",
   "purchase_link": "請選擇購票連結",
+  "get_coupon": "取得優惠券",
 
   "postcard": {
     "step1": {

src/views/HomeView.vue

@@ -3,7 +3,7 @@ import Navbar from "../components/Navbar.vue";
 </script>
 
 <template>
-  <Navbar />
+  <!-- <Navbar /> -->
   <main>
     <RouterView />
   </main>
@@ -30,7 +30,10 @@ p {
   width: 100%;
   padding: 4rem 0 6rem;
   position: relative;
-  background-color: var(--sub-color);
+  background-image: url("../assets/img/background.webp");
+  background-position: center;
+  background-size: cover;
+  // background-color: var(--sub-color);
 
   .description {
     letter-spacing: 2px;
@@ -49,11 +52,14 @@ p {
   width: 14rem;
   padding: 0.8rem;
   display: block;
-  font-size: 1.625rem;
+  font-size: 1.25rem;
   font-weight: 600;
-  color: var(--main-color);
-  border: 2px solid var(--main-color);
-  background-color: var(--sub-color);
+  color: #fff;
+  background-image: url("../assets/img/button.png");
+  background-position: center;
+  background-size: cover;
+  // border: 2px solid var(--main-color);
+  // background-color: var(--sub-color);
   border-radius: 100px;
   letter-spacing: 2px;
   text-decoration: none;

src/views/Step_2.vue

@@ -107,8 +107,11 @@ span {
     padding: 0.8rem;
     margin-bottom: 2rem;
     border-radius: 100px;
-    border: 3px solid var(--main-color);
-    background-color: var(--main-color);
+    border: 3px solid transparent;
+    background-image: url("../assets/img/button.png");
+    background-position: center;
+    background-size: cover;
+    // background-color: var(--main-color);
 
     .v-icon {
       position: absolute;

src/views/Step_3.vue

@@ -26,14 +26,14 @@ onMounted(() => {
 // 取得種族清單
 async function getIconImageList(gender) {
   imgLoading.value = true;
-  let url = `http://172.104.93.163:3219/fs/icon-image-list/${gender}`;
+  let url = `https://cmm.ai/postcard/fs/icon-image-list/${gender}`;
 
   try {
     let response = await axios.get(url);
     console.log("response", response);
 
     let imagePromises = response.data.map((item, index) => {
-      let imageUrl = `http://172.104.93.163:3219/fs/icon-image/${gender}/${item}`;
+      let imageUrl = `https://cmm.ai/postcard/fs/icon-image/${gender}/${item}`;
       return getIconImage(imageUrl, index); // 取得種族圖片
     });
 

src/views/Step_4.vue

@@ -29,7 +29,7 @@ onMounted(() => {
 // 取得背景清單
 async function getTargetImageList() {
   imgLoading.value = true;
-  let url = `http://172.104.93.163:3219/fs/target-image-list/${gender}/${race}`;
+  let url = `https://cmm.ai/postcard/fs/target-image-list/${gender}/${race}`;
   console.log("url", url);
 
   try {
@@ -37,7 +37,7 @@ async function getTargetImageList() {
     console.log("取得背景清單", response);
 
     let imagePromises = response.data.map((item, index) => {
-      let imageUrl = `http://172.104.93.163:3219/fs/target-image/${gender}/${race}/${item}`;
+      let imageUrl = `https://cmm.ai/postcard/fs/target-image/${gender}/${race}/${item}`;
       return getTargetImage(imageUrl, index); // 取得種族圖片
     });
 
@@ -75,7 +75,7 @@ const landmarkNames = ref([]);
 
 // 取得景點名稱
 async function getLandmark() {
-  let url = "http://172.104.93.163:3219/fslandmark-order";
+  let url = "https://cmm.ai/postcard/fslandmark-order";
 
   try {
     let response = await axios.get(url);
@@ -338,8 +338,8 @@ function checkImg() {
         <!-- <v-img
           cover
           class="cover"
-          :lazy-src="`http://172.104.93.163:3219/static/assets/img/bg/${item.bg_img}`"
-          :src="`http://172.104.93.163:3219/static/assets/img/bg/${item.bg_img}`"
+          :lazy-src="`https://cmm.ai/postcard/static/assets/img/bg/${item.bg_img}`"
+          :src="`https://cmm.ai/postcard/static/assets/img/bg/${item.bg_img}`"
         >
           <template v-slot:placeholder>
             <div class="d-flex align-center justify-center fill-height">

src/views/Step_4_backup.vue

@@ -248,8 +248,8 @@ function checkImg() {
         <v-img
           cover
           class="cover"
-          :lazy-src="`http://172.104.93.163:3219/static/assets/img/bg/${item.bg_img}`"
-          :src="`http://172.104.93.163:3219/static/assets/img/bg/${item.bg_img}`"
+          :lazy-src="`https://cmm.ai/postcard/static/assets/img/bg/${item.bg_img}`"
+          :src="`https://cmm.ai/postcard/static/assets/img/bg/${item.bg_img}`"
         >
           <template v-slot:placeholder>
             <div class="d-flex align-center justify-center fill-height">

src/views/Step_5.vue

@@ -38,8 +38,8 @@ console.log("step5 store.assignBgImgUrl", store.assignBgImgUrl);
           max-width="500"
           cover
           class="my-5 mx-auto"
-          :lazy-src="`http://172.104.93.163:3219/static/assets/img/bg/${store.assignBgImg.bg_img}`"
-          :src="`http://172.104.93.163:3219/static/assets/img/bg/${store.assignBgImg.bg_img}`"
+          :lazy-src="`https://cmm.ai/postcard/static/assets/img/bg/${store.assignBgImg.bg_img}`"
+          :src="`https://cmm.ai/postcard/static/assets/img/bg/${store.assignBgImg.bg_img}`"
         >
           <template v-slot:placeholder>
             <div class="d-flex align-center justify-center fill-height">

src/views/Step_6.vue

@@ -147,7 +147,7 @@ async function upload() {
   store.imgPath = "";
   imgLoading.value = true;
 
-  let url = `http://172.104.93.163:3219/fs/swap-face/${gender}/${race}/${bgImg}`;
+  let url = `https://cmm.ai/postcard/fs/swap-face/${gender}/${race}/${bgImg}`;
 
   // let url = `${apiUrl}/sd/run?seed=${runParameters.seed}&denoising_strength=${runParameters.denoising_strength}&batch_size=${runParameters.batch_size}&n_iter=${runParameters.n_iter}&style_num=${store.styleNum}`;
 

src/views/Step_7.vue

@@ -100,9 +100,13 @@ async function share() {
 
       <!-- <button @click="share()" class="main-btn mt-15">分享相片</button> -->
 
-      <button @click="downloadImage(store.imgPath)" class="main-btn mt-15">
-        {{ t("save_photo") }}
-      </button>
+      <div class="d-flex flex-column mt-15">
+        <button @click="downloadImage(store.imgPath)" class="main-btn mb-7">
+          {{ t("save_photo") }}
+        </button>
+
+        <button class="main-btn">{{ t("get_coupon") }}</button>
+      </div>
 
       <v-dialog v-if="store.assignBgImgTitle === '南投日月潭'" max-width="300">
         <template v-slot:activator="{ props: activatorProps }">