fix

src/component/HomePage/createSlogan.vue

@@ -375,6 +375,9 @@ export default defineComponent({
 			canvas.dispose();
 			showPayOrder.value = false
 		}
+		onBeforeUnmount(()=>{
+			fabric.Object.prototype.controls.deleteControl = null
+		})
         return {
             presentState,
             showPayOrder,

src/component/HomePage/renew.vue

@@ -156,7 +156,7 @@
                       :placeholder="$t('Renew.promotionCode')"
                       v-model="item.promotionData.code"
                     />
-                    <div style="cursor: pointer" @click="examine(item)">
+                    <div style="cursor: pointer; background-color: #000; font-size: 1.2rem; color: #fff; padding: 0 .5rem;" @click="examine(item)">
                       {{ $t("Renew.use") }}
                     </div>
                   </div>
@@ -268,7 +268,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, reactive, toRefs, onMounted } from "vue";
+import { defineComponent, computed, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
 import { message } from "ant-design-vue";
 import payMethod from "@/component/Pay/payMethod.vue";
 import { useStore } from "vuex";
@@ -297,6 +297,22 @@ export default defineComponent({
     let renewData = reactive({
       personage: [
         {
+          price: "100",
+          sellWell: true,
+          activity: false, //活动打折
+          type: {
+            value: "EcoMonth",
+            label: computed(()=>t("Renew.Monthly")),
+          },
+          PaymentType: "CreditCard",
+          promotionData: {
+            code: "",
+            error: "",
+            str: "",
+            price: "",
+          },
+        },
+		{
           price: "500",
           sellWell: true,
           activity: false, //活动打折
@@ -388,10 +404,11 @@ export default defineComponent({
     });
     const init = () => {
       renew.renewModel = true;
-      renewData.current = renewData.personage[0];
+      renewData.current = renewData.personage[1];
     };
     const cancelDsign = () => {
       renew.renewModel = false;
+	  store.dispatch('getLangType')
     };
     const setPaymentType = (str: any) => {
       renewData.current.PaymentType = str;
@@ -570,6 +587,8 @@ export default defineComponent({
       color: #fff;
       padding: 4rem 3.2rem;
 	  position: relative;
+	  display: flex;
+		flex-direction: column;
 	  > .video{
 		position: absolute;
 		width: 100%;
@@ -598,6 +617,10 @@ export default defineComponent({
       > .content {
 		flex-wrap: wrap;
 		flex-direction: row;
+		flex: 1;
+		align-content: center;
+		align-items: center;
+		justify-content: center;
         > .benefitsItem {
           display: flex;
 		  width: 50%;
@@ -655,7 +678,7 @@ export default defineComponent({
           margin-bottom: 1rem;
           border-radius: 1rem;
           overflow: hidden;
-          border: 2px solid #eaecf0;
+          border: 1.5px solid #eaecf0;
 
           > .popular {
             background: #2d9f75;

src/component/HomePage/scaleImage.vue

@@ -31,9 +31,9 @@
 						<span v-if="scaleImageList[scaleImageIndex]?.resultType == 'ToProductImage'">{{$t('ProductImg.MagicTools')}}</span>
 						<span v-if="scaleImageList[scaleImageIndex]?.resultType == 'Relight'">{{$t('ProductImg.relightingTool')}}</span>
 					</div>
-					<div v-show="scaleImageList[scaleImageIndex]?.resultType == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
+					<!-- <div v-show="scaleImageList[scaleImageIndex]?.resultType == 'Relight'" class="productImg_content_item_title productImg_content_item_title_similarity">
 						<span>{{$t('ProductImg.SelectionFunction')}}</span>
-					</div>
+					</div> -->
 					<!-- 暂时去掉 -->
 					<!-- <div v-show="scaleImageList[scaleImageIndex]?.resultType == 'Relight'" class="productImg_content_item_Direction generalModel_state_item" style="margin-bottom: 1rem;">
 						<a-select size="large" style="width: 100%;" v-model:value="speedData.value" :options="speedList" :field-names="{ label: 'relightLabel', value: 'value' }"></a-select>