| | |
| | | v-if="selectedCard.duties && selectedCard.duties.length > 0">{{ selectedCard.duties[0] }}</text> |
| | | <text class="price">¥{{ selectedCard.grade.price }}</text> |
| | | </view> |
| | | <!-- <view class="payment-methods"> |
| | | <view class="method-item" :class="{ active: paymentMethod === 'balance' }" |
| | | @tap="selectPaymentMethod('balance')"> |
| | | <text class="method-name">联盟币支付</text> |
| | | <text class="iconfont icon-check" v-if="paymentMethod === 'balance'"></text> |
| | | </view> |
| | | <view class="method-item" :class="{ active: paymentMethod === 'wechat' }" |
| | | @tap="selectPaymentMethod('wechat')"> |
| | | <text class="method-name">微信支付</text> |
| | | <text class="iconfont icon-check" v-if="paymentMethod === 'wechat'"></text> |
| | | </view> |
| | | </view> --> |
| | | <view class="modal-footer"> |
| | | <view class="cancel-btn" @tap="closePaymentModal">取消</view> |
| | | <view class="confirm-btn" @tap="confirmPayment">确认</view> |
| | |
| | | |
| | | .action-btn { |
| | | padding: 10rpx 32rpx; |
| | | background-color: #37bde6; |
| | | background-color: #D41003; |
| | | color: #fff; |
| | | border-radius: 20rpx; |
| | | font-size: 28rpx; |
| | |
| | | color: #333; |
| | | |
| | | &.active { |
| | | color: #37bde6; |
| | | color: #D41003; |
| | | } |
| | | |
| | | .icon-check { |
| | |
| | | |
| | | .confirm-btn { |
| | | color: #fff; |
| | | background-color: #37bde6; |
| | | background-color: #D41003; |
| | | } |
| | | } |
| | | } |