语言适配加部分布局修改

src/component/HomePage/bindEmail.vue

@@ -15,6 +15,16 @@
 		:destroyOnClose="true"
 		:zIndex="9999"
 	>
+		<div class="generalModel_btn" v-if="type == 'Modify'">
+			<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
+				<!-- <i class="fi fi-rr-cross-small"></i> -->
+				<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+					<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
+					<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="white"/>
+					<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="white"/>
+				</svg>
+			</div>
+		</div>
 		<div class="login_page">
 			<div class="page_content">
 				<!-- 账号密码和邮箱登录  start-->
@@ -27,7 +37,8 @@
 									'login_active',
 								]"
 							>
-								Bind Email
+								<span v-if="type == 'Modify'">Modify Email</span>
+								<span v-else>Bind Email</span>
 							</div>
 						</div>
 						<!-- 账号密码登录 start -->
@@ -84,7 +95,8 @@
 								:state="emailStap"
 								@click="submitPerLogin()"
 							>
-							Bind Email
+							<span v-if="type == 'Modify'">Modify Email</span>
+								<span v-else>Bind Email</span>
 							</div>
 						</div>
 						<!-- 账号密码登录 end -->
@@ -114,6 +126,7 @@ export default defineComponent({
     components: {
         VerificationCodeInput,
     },
+	props:['type'],
     setup(){
         let timer:any =  0;
 		const {locale} = useI18n()

src/component/HomePage/renew.vue

@@ -27,7 +27,7 @@
 		</div>
 		<div class="renewContent">
 			<div class="generalModelTitle">
-				Select The Best Plan For Your Needs
+				{{ $t('Renew.title') }}
 			</div>
 			<div class="renew_detail">
 				<div class="name generalModelTitle">{{ current.title }}</div>
@@ -39,16 +39,16 @@
 					<div class="type" v-if="current.typeList.length > 1">
 						<label>
 							<input name="pric" type="radio" value="monthly" v-model="current.type" @change="setPricType('monthly')">
-							Monthly
+							{{ $t('Renew.Monthly') }}
 						</label>
 						<label>
 							<input name="pric" type="radio" value="year" v-model="current.type" @change="setPricType('year')">
-							Yearly
+							{{ $t('Renew.Yearly') }}
 						</label>
 					</div>
 					<div class="info">{{ current.info }}</div>
 				</div>
-				<div class="gallery_btn gallery_btn_radius" @click="payment">Subscribe Now</div>
+				<div class="gallery_btn gallery_btn_radius" @click="payment">{{ $t('Renew.SubscribeNow') }}</div>
 			</div>
 			<div
 				class="login_footer_item_text"
@@ -76,6 +76,7 @@ import { defineComponent,ref,reactive,toRefs ,onMounted} from "vue";
 import { message } from "ant-design-vue";
 import payMethod from "@/component/Pay/payMethod.vue";
 import { useStore } from "vuex";
+import { useI18n } from "vue-i18n";
 const md5 = require("md5");
 export default defineComponent({
     components: {
@@ -83,6 +84,7 @@ export default defineComponent({
     },
     setup(){
 		const store = useStore();
+		const {t} = useI18n()
 		let renew = reactive({
 			renewModel:false,
 			renewModelMask:true,
@@ -90,14 +92,14 @@ export default defineComponent({
 		})
 		let renewData = reactive({
 			personage:{
-				title:'Personal version',
+				title:t('Renew.PersonalVersion'),
 				price:{
 					monthly:'500',
 					year:'5,000',
 				},
 				unit:{
-					monthly:'HKD / Month',
-					year:'HKD / Year',
+					monthly:t('Renew.HKDMonth'),
+					year:t('Renew.HKDYear'),
 				},
 				type:'monthly',
 				typeList:['monthly','year'],