AmountInput

    // API-DEMO page/component/amount-input/amount-input.json
    {
      "defaultTitle": "Mini Program AntUI component library",
      "usingComponents": {
        "amount-input": "mini-antui/es/amount-input/index"
      }
    }

    <!-- API-DEMO page/component/amount-input/amount-input.axml -->
    <view>
      <amount-input
        type="digit"
        title="Charge amount"
        extra=”Suggest charge amount above ¥100 "
        placeholder="Enter charge amount"
        value="{{value}}"
        maxLength="5"
        focus="{{true}}"
        btnText="Withdraw all"
        onClear="onInputClear"
        onInput="onInput"
        onConfirm="onInputConfirm" />
    </view>

    // API-DEMO page/component/amount-input/amount-input.js
    Page({
      data: {
        value: 200,
      },
      onInputClear() {
        this.setData({
          value: '',
        });
      },
      onInputConfirm(e) {
        console.log(e);
        my.alert({
          content: 'confirmed',
        });
      },
      onInput(e) {
        console.log(e);
        const { value } = e.detail;
        this.setData({
          value,
        });
      },
      onButtonClick() {
        my.alert({
          content: 'button clicked',
        });
      },
      onInputFocus(e) {
        console.log(e);
      },
      onInputBlur(e) {
        console.log(e);
      },
    });