You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<ion-header class="ion-no-border">
|
|
|
|
|
<ion-toolbar>
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<ion-button (click)="back()" class="cancel-btn">
|
|
|
|
|
取消
|
|
|
|
|
</ion-button>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
<ion-title>支付订单</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
|
|
|
|
|
<ion-content class="ion-padding">
|
|
|
|
|
<!-- 支付金额 -->
|
|
|
|
|
<div class="amount-section">
|
|
|
|
|
<div class="amount">¥{{(order.amount/100).toFixed(2)}}</div>
|
|
|
|
|
<div class="desc">{{order.description}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 支付方式 -->
|
|
|
|
|
<div class="payment-method">
|
|
|
|
|
<div class="method-item">
|
|
|
|
|
<ion-icon name="logo-wechat"></ion-icon>
|
|
|
|
|
<span>微信支付</span>
|
|
|
|
|
<ion-icon name="checkmark" class="check"></ion-icon>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-content>
|
|
|
|
|
|
|
|
|
|
<ion-footer>
|
|
|
|
|
<div class="footer-content">
|
|
|
|
|
<ion-button expand="block" (click)="submitOrder()" [disabled]="loading">
|
|
|
|
|
{{loading ? '支付中...' : '立即支付'}}
|
|
|
|
|
</ion-button>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-footer>
|
