nova-live/projects/live-app/src/modules/account/recharge/recharge.component.html

<nav title="充值"></nav>
<div class="recharge-content">
  <div class="options">
    @for (val of options; track $index) {
    <div class="select" (click)="onChange(val)">
      {{ val * 10 }}钻石
    <span>￥{{val}}</span>
    </div>
    }
  </div>
  <div class="h3">
    <span>充值记录</span>
  </div>
  <div class="li">
    <div class="int">
      充值金额(￥)
      <input
        type="number"
        [(ngModel)]="price"
        maxlength="8"
        name="price"
        autocomplete="off"
        min="10"
        placeholder="最低充值金额不少于1元"
        class="input"
        (blur)="onChangeInput()"
      />
    </div>
    <div class="desc">
      钻石：{{price * 10}}
    </div>
  </div>

  <div
    class="confirm"
    [style.background]="price > 0 ? '#92a1ff' : '#b7b7b7'"
    (click)="onShowPay()"
  >
    下一步
  </div>
</div>
@if (showPay) {
  <app-pay-comp
    (payResult)="onComplete($event)"
    [tradeNo]="tradeNo"
    [orderType]="'balance'"
    [price]="price"
    #paycomp
  ></app-pay-comp>
  }