调整library布局

src/component/Pay/payMethod.vue

@@ -27,23 +27,21 @@
 		</div>
 		<div class="payMethodContent">
 			<div class="generalModelTitle">
-				{{ $t('upgradePlan.PurchasePoints') }}
-			</div>
-			<div class="generalModelInfo">
 				{{ $t('upgradePlan.paymentmethod') }}
 			</div>
 			<div class="payMethod_list">
-				<label class="payMethod_item">
+				<label class="payMethod_item" v-show="$props.type == 'credits'">
 					<input name="payAffirm" type="radio" value="paypal" v-model="modeOfPayment">
 					<img src="../../assets/images/homePage/paypal.svg" alt="">
 					<span>PayPal</span>
 				</label>
 				<label class="payMethod_item">
 					<input name="Stripe" type="radio" value="stripe" v-model="modeOfPayment">
-					<img src="../../assets/images/homePage/bankCard.svg" alt="">
-					<span>{{ $t('upgradePlan.CreditCard') }}</span>
+					<img src="../../assets/images/homePage/stripe.svg" alt="">
+					<!-- <span>{{ $t('upgradePlan.CreditCard') }}</span> -->
+					 <span>Stripe</span>
 				</label>
-				<label class="payMethod_item">
+				<label class="payMethod_item" v-show="$props.type == 'credits'">
 					<input name="payAffirm" type="radio" value="alipay" v-model="modeOfPayment">
 					<img src="../../assets/images/homePage/alipay.svg" alt="">
 					<span>{{ $t('upgradePlan.Alipay') }}</span>
@@ -71,6 +69,9 @@
 			</div>
 			
 		</div>
+		<div class="mark_loading" v-show="isShowMark_">
+			<a-spin size="large" />
+		</div>
 		<div class="mark_loading" v-show="isShowMark" state="true">
 			<div class="mark_loading_title">{{ $t('upgradePlan.completed') }}</div>
 			<div class="mark_loading_intro">{{ $t('upgradePlan.hint') }}</div>
@@ -98,6 +99,12 @@ export default defineComponent({
     components: {
         VerificationCodeInput,
     },
+	props:{
+		type:{
+			type:String,
+			default:''
+		}
+	},
 	emits: ['completePayment'],
     setup(prop,{emit}){
 		const store = useStore();
@@ -114,6 +121,7 @@ export default defineComponent({
 			clause:false,
 			newWindow:null as any,
 			isShowMark:false,
+			isShowMark_:false,
 		})
 		const init = (data:any)=>{
 			payMethod.payMethodModel = true
@@ -123,6 +131,7 @@ export default defineComponent({
 			payMethod.payMethodModel = false
 		}
 		const payAffirm = () => {
+			payMethodData.isShowMark_ = true
 		    if(!payMethodData.clause){
 				let labelDisclaimer:any = payMethodData.labelDisclaimer
 				if(!labelDisclaimer.classList.contains('animation')){
@@ -134,7 +143,7 @@ export default defineComponent({
 				return
 			}
 			let httpsUrl
-			let url = window.location.href 
+			let url = window.location.origin+'/paySucceed' 
 			let payAffirmData = payMethodData.payAffirmData
 			let data = {
 				autoRenewal:true,//false为不自动续费
@@ -177,8 +186,10 @@ export default defineComponent({
 						window.location.href=herf;  
 					}
 					payMethodData.isShowMark = true
+					payMethodData.isShowMark_ = false
 				}
 			).catch(res=>{
+				payMethodData.isShowMark_ = false
 			});
 		}
 		const setPaidBack = ()=>{