fix

src/assets/style/style.css

@@ -870,6 +870,9 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
 }
 .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
   background-color: #f3f3f6;
+  width: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
 }
 .generalModel {
   -moz-user-select: none;

src/assets/style/style.less

@@ -943,6 +943,9 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
 	border-radius: 1rem;
 	.ant-select-item-option-selected:not(.ant-select-item-option-disabled){
 		background-color: #f3f3f6;
+		width: 100%;
+		overflow: hidden;
+		box-sizing: border-box;
 	}
 }
 

src/component/HomePage/renew.vue

@@ -73,7 +73,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent,ref,reactive,toRefs ,onMounted} from "vue";
+import { defineComponent,computed,reactive,toRefs ,onMounted} from "vue";
 import { message } from "ant-design-vue";
 import payMethod from "@/component/Pay/payMethod.vue";
 import { useStore } from "vuex";
@@ -92,22 +92,39 @@ export default defineComponent({
 			pageWidth:'50%'
 		})
 		let renewData = reactive({
-			personage:{
+			personage:computed(()=>{
-				title:t('Renew.PersonalVersion'),
+			    return {
-				price:{
+					title:t('Renew.PersonalVersion'),
-					monthly:'500',
+					price:{
-					year:'5,000',
+						monthly:'500',
-				},
+						year:'5,000',
-				unit:{
+					},
-					monthly:t('Renew.HKDMonth'),
+					unit:{
-					year:t('Renew.HKDYear'),
+						monthly:t('Renew.HKDMonth'),
-				},
+						year:t('Renew.HKDYear'),
-				type:'monthly',
+					},
-				typeList:['monthly','year'],
+					type:'monthly',
-				info:'Tax, VAT not included.',
+					typeList:['monthly','year'],
-			},
+					info:'Tax, VAT not included.',
-			firm:{
+				}
-				title:'Education Edition',
+			}),
+			firm:computed(()=>{
+			    return {
+					title:'Education Edition',
+					price:{
+						year:'500',
+					},
+					unit:{
+						year:'HKD / Year',
+					},
+					type:'year',
+					typeList:['year'],
+					info:'Customised plan',
+				}
+			}),
+			education:computed(()=>{
+			    return {
+					title:'Enterprise Edition',
 				price:{
 					year:'500',
 				},
@@ -117,19 +134,8 @@ export default defineComponent({
 				type:'year',
 				typeList:['year'],
 				info:'Customised plan',
-			},
+				}
-			education:{
+			}),
-				title:'Enterprise Edition',
-				price:{
-					year:'500',
-				},
-				unit:{
-					year:'HKD / Year',
-				},
-				type:'year',
-				typeList:['year'],
-				info:'Customised plan',
-			},
 			current:{
 
 			} as any,	

src/views/HomeMain.vue

@@ -134,7 +134,7 @@
 		<div class="mark_loading" v-show="getLangIsShowMark">
 			<a-spin size="large" />
 		</div>
-		<RobotAssist></RobotAssist>
+		<RobotAssist v-if="!getLangIsShowMark"></RobotAssist>
 		<scaleVideo ref="scaleVideo"></scaleVideo>
 		<!-- 进行续订 -->
 		<renew ref="renew"></renew>