修复部分bug和页面调整

src/component/HomePage/UpgradePlan.vue

@@ -67,7 +67,7 @@
 						<input type="number" v-model="price.num">
 						<div class="UpgradePlan_payList2_input_add" @click="addPriceNum">+</div>
 					</div>
-					<div class="UpgradePlan_payList2_describe">{{ $t('upgradePlan.organization') }}</div>
+					<!-- <div class="UpgradePlan_payList2_describe">{{ $t('upgradePlan.organization') }}</div> -->
 					<div class="UpgradePlan_payList-item-upgrade subitOkPreviewBtn" @click="upgrade(1)">{{ $t('upgradePlan.Continue') }}</div>
 				</div>
 			</div>
@@ -92,7 +92,7 @@
 
 				</div>
 			</div>
-			<div class="UpgradePlan_payAffirm_clause">
+			<div class="UpgradePlan_payAffirm_clause" ref="labelDisclaimer">
 				<label>
 					<input type="checkbox" v-model="clause">
 					<span>I acknowledge that I have read, understand, and agree with the <a href="https://code-create.com.hk/aida-terms-and-conditions/" target="_blank">Terms and Conditions</a> (including the Scope of service) and the <a href="https://code-create.com.hk/aida-subscription-agreement/" target="_blank">Subscription Agreement</a>. *</span>
@@ -217,6 +217,14 @@ export default defineComponent({
 			parsedUrl.pathname = '/';
 			url = parsedUrl.href + 'paySucceed';
 			if(!this.clause){
+				let labelDisclaimer:any = this.$refs.labelDisclaimer
+				if(!labelDisclaimer.classList.contains('animation')){
+					labelDisclaimer.classList.add('animation')
+					setTimeout(() => {
+						labelDisclaimer.classList.remove('animation')
+					}, 1000);
+				}
+			
 				return
 			}
 			let httpsUrl = Https.httpUrls.payAlipay
@@ -274,7 +282,7 @@ export default defineComponent({
 <style lang="less" scoped>
 .UpgradePlan_modal {
 	flex: 1;
-    // height: 30rem;
+    height: 30rem;
     // overflow-x: hidden;
 	display: flex;
     flex-direction: column;
@@ -447,7 +455,8 @@ export default defineComponent({
 			border-radius: 2rem;
 			img{
 				margin: 0rem 2rem;
-				max-width: 4rem;
+				// max-width: 4rem;
+				width: 4rem;
 			}
 		}
 	}
@@ -458,6 +467,7 @@ export default defineComponent({
 			input{
 				margin-right: 1rem;
 				cursor: pointer;
+				vertical-align: middle;
 			}
 			span{
 				vertical-align: top;
@@ -467,6 +477,26 @@ export default defineComponent({
 				}
 			}
 		}
+		&.animation{
+			animation: shake .3s linear;
+			@keyframes shake {
+				0%{
+					transform: translateX(0px);
+				}
+				25%{
+					transform: translateX(-10px);
+				}
+				50%{
+					transform: translateX(10px);
+				}
+				75%{
+					transform: translateX(-10px);
+				}
+				100%{
+					transform: translateX(0px);
+				}
+			}
+		}
 	}
 	.UpgradePlan_payList_item_upgrade_btn{
 		display: flex;
@@ -538,4 +568,14 @@ export default defineComponent({
 		}
 	}
 }
+.UpgradePlan_modal{
+	.ant-modal-content{
+		
+		.ant-modal-body{
+			padding: calc(5rem*1.2) calc(5rem*1.2) !important;
+			height: calc(50rem*1.2);
+			// height: calc(65rem*1.2);
+		}
+	}
+}
 </style>