支付寶小程序擴(kuò)展表單 金額輸入·AmountInput

金額輸入框。

掃碼體驗(yàn)

示例代碼

{
 "defaultTitle": "amount-input",
 "usingComponents": {
   "amount-input": "mini-ali-ui/es/amount-input/index"
 }
}
<view>


  <amount-input


    type="digit"


    title="轉(zhuǎn)入金額"


    extra="建議轉(zhuǎn)入￥100以上金額"


    placeholder="輸入轉(zhuǎn)入金額"


    value="{{value}}"


    maxLength="5"


    focus="{{true}}"


    btnText="全部提現(xiàn)"


    onClear="onInputClear"


    onInput="onInput"


    onConfirm="onInputConfirm" />


</view>

Page({
 data: {
   value: 200,
 },
 onInputClear() {
   this.setData({
     value: '',
   });
 },
 onInputConfirm() {
   my.alert({
     content: 'confirmed',
   });
 },
 onInput(e) {
   const { value } = e.detail;
   this.setData({
     value,
   });
 },
 onButtonClick() {
   my.alert({
     content: 'button clicked',
   });
 },
 onInputFocus() {},
 onInputBlur() {},
});

屬性