< 文档首页
全部产品
弹性计算
存储服务
数据库
网络
视频与CDN
域名与网站
工商财税 知识产权
应用服务
互联网中间件
移动研发平台 EMAS
移动研发平台EMAS-专有云
云通信
安全
大数据
人工智能
ET大脑
物联网
物联网行业方案
数字金融
管理与监控
云市场
API与工具
解决方案
钉钉
会员服务
更多

    金额输入（AmountInput）

    更新时间：2019-09-09 14:07:28

    ★ 我的收藏
    本页目录

    本文介绍金额输入框（AmountInput）。

    属性名 描述 类型 默认值 必选
    type input 的类型，有效值：digit、number String number false
    title 左上角标题 String - false
    extra 左下角说明 String - false
    value 输入框当前值 String - false
    btnText 右下角按钮文案 String - false
    placeholder placeholder String - false
    focus 自动获取光标 Boolean false false
    onInput 键盘输入时触发 (e: Object) => void - false
    onFocus 获取焦点时触发 (e: Object) => void - false
    onBlur 失去焦点时触发 (e: Object) => void - false
    onConfirm 点击键盘完成时触发 (e: Object) => void - false
    onClear 点击 clear 图标触发 () => void - false
    onButtonClick 点击右下角按钮时触发 () => void - false
    maxLength 最多允许输入的字符个数 Number - false
    controlled 是否为受控组件。为 true 时，value 内容会完全受 setData 控制。 Boolean false false

    代码示例

    1. {
    2.   "defaultTitle": "小程序AntUI组件库",
    3.   "usingComponents": {
    4.     "amount-input": "mini-antui/es/amount-input/index"
    5.   }
    6. }
    1. <view>
    2.   <amount-input
    3.     type="digit"
    4.     title="转入金额"
    5.     extra="建议转入¥100以上金额"
    6.     placeholder="输入转入金额"
    7.     value="{{value}}"
    8.     maxLength="5"
    9.     focus="{{true}}"
    10.     btnText="全部提现"
    11.     onClear="onInputClear"
    12.     onInput="onInput"
    13.     onConfirm="onInputConfirm" />
    14. </view>
    1. Page({
    2.   data: {
    3.     value: 200,
    4.   },
    5.   onInputClear() {
    6.     this.setData({
    7.       value: '',
    8.     });
    9.   },
    10.   onInputConfirm() {
    11.     my.alert({
    12.       content: 'confirmed',
    13.     });
    14.   },
    15.   onInput(e) {
    16.     const { value } = e.detail;
    17.     this.setData({
    18.       value,
    19.     });
    20.   },
    21.   onButtonClick() {
    22.     my.alert({
    23.       content: 'button clicked',
    24.     });
    25.   },
    26.   onInputFocus() {},
    27.   onInputBlur() {},
    28. });
    上一篇：选择输入（PickerItem）
    下一篇：搜索框（SearchBar）
    相关文档
    相关产品
    • 移动开发平台mPaaS
      移动开发平台（Mobile PaaS，简称 mPaaS）是源于支付宝 App 的移动开发平台，为移动开发、测试、运营及运维提供云到端的一站式解决方案，能有效降低技术门槛、减少研发成本、提升开发效率，协助企业快速搭建稳定高质量的移动 App。
    • 金融分布式架构SOFAStack
      SOFAStack™（Scalable Open Financial Architecture Stack）包含构建金融级云原生架构所需的各个组件，也是在金融场景里锤炼出来的最佳实践。提供微服务应用开发、部署发布、监控运维、项目管理、容灾高可用等全栈式解决方案，并兼容Dubbo、Spring Cloud等微服务运行环境，提供基于虚拟机的经典PaaS运维和基于Kubernetes的云原生运维能力，助力客户各类应用轻松转型分布式和云原生架构。
    • 移动推送
      阿里移动推送（Alibaba Cloud Mobile Push）是基于大数据的移动智能推送服务，帮助App快速集成移动推送的功能，在实现高效、精确、实时的移动推送的同时，极大地降低了开发成本。让开发者最有效地与用户保持连接，从而提高用户活跃度、提高应用的留存率。