支付宝小程序扩展表单 金额输入·AmountInput

金额输入框。

扫码体验

示例代码

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


  <amount-input


    type="digit"


    title="转入金额"


    extra="建议转入¥100以上金额"


    placeholder="输入转入金额"


    value="{{value}}"


    maxLength="5"


    focus="{{true}}"


    btnText="全部提现"


    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() {},
});

属性