com-zoom

src/view/components/component-zoom.vue

@@ -19,13 +19,11 @@ let props = defineProps({
 })
 
 let zoom = ref(1);
-let currentInstance
+let currentInstance;
 
 const setFontZoom = () => {
     const currentInstance = getCurrentInstance()
     let offsetWidth = currentInstance.ctx.$refs.zoomDom.offsetWidth;
-    console.log('currentInstance', currentInstance)
-    console.log('offsetWidth', offsetWidth)
     zoom.value = offsetWidth > props.width ? +props.width / offsetWidth : 1
 }
 

src/view/components/currency-select.vue

@@ -2,12 +2,12 @@
 <template>
     <div class="list-item" v-for="(item, index) in props.list" :key="index">
         <div class="item-title">
-            <img class="icon" :src="item.chainInfo.iconPath" />
-            {{item.chainInfo.chainName}}
+            <img class="icon" :src="item.chainInfo?.iconPath" />
+            {{item.chainInfo?.chainName}}
         </div>
         <div class="item-detail" @click="selectCurrency(item)">
             <div class="left">
-                <img class="icon-currency" :src="item.iconPath" />
+                <img class="icon-currency" :src="item?.iconPath" />
                 <div class="currency-info">
                     <div class="name">{{ item.currencyCode == 'USD' ? 'USD' : item.tokenSymbol }}</div>
                     <div class="desc">{{ item.currencyCode == 'USD' ? 'Paypal' : item.currencyName }}</div>

src/view/components/custom-card-cover.vue

@@ -101,7 +101,7 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits, watch, ref, computed, onMounted } from "vue";
+import { defineProps, defineEmits, ref, computed, onMounted } from "vue";
 import { formatSecondsAsDaysOrTime } from "@/uilts/help";
 import ComponentZoom from "./component-zoom.vue";
 import { RewardType, PlayType } from "@/types";
@@ -123,7 +123,7 @@ const props = defineProps({
                     nickName: "",
                 },
                 rewardType: RewardType.money,
-                customizedReward: ""
+                customizedReward: "",
             };
         },
     },
@@ -141,10 +141,6 @@ const defaultTotalWidth = isMoneyRewardCpd.value ? 360 : 450;
 
 let amount_font_size = ref(defaultBaseWidth);
 
-watch(props, () => {
-    setFontSize();
-})
-
 const setFontSize = () =>{
     let id = isMoneyRewardCpd.value ? 'preview-after-amount' : 'custom-name';
     let lendom = document.querySelector(`#${id}`);

src/view/iframe/publish/components/preview-card.vue

@@ -3,7 +3,7 @@
     <div class="wrapper">
         <div class="card-container">
             <!-- 安装之后的卡片样式 -->
-            <div v-show="installStatus" class="left" :style="{'width': reviewCanvasParams.width+ 'px'}">
+            <div v-if="installStatus" class="left" :style="{'width': reviewCanvasParams.width+ 'px'}">
                 <div class="head" :style="{'zoom': reviewCanvasParams.zoom}">
                     <img :src="userInfo.avatarUrl"
                         class="avatar"/>
@@ -31,7 +31,7 @@
                                 avatarUrl: userInfo.avatarUrl
                             },
                             rewardType: baseFormData.rewardType,
-                            customizedReward: baseFormData.customizedReward
+                            customizedReward: baseFormData.customizedReward,
                         }"></custom-card-cover>
                     </div>
                 </div>
@@ -39,7 +39,7 @@
 
             <!-- 安装之前的卡片样式 -->
             <div class="content-before"
-                v-show="!installStatus" 
+                v-else 
                 :style="{'width': (baseFormData.rewardType === RewardType.money) ? `${reviewCanvasParams.width}px` : '100%'}">
                 <div class="head" 
                     :style="{'zoom': reviewCanvasParams.zoom}">
@@ -71,7 +71,7 @@
                                 avatarUrl: userInfo.avatarUrl
                             },
                             rewardType: baseFormData.rewardType,
-                            customizedReward: baseFormData.customizedReward
+                            customizedReward: baseFormData.customizedReward,
                         }">
                     </custom-card-horizontal-cover>
                 </div>