mx-number

默认情形

HTML Code:
<mx-number />

最大值、最小值及step

HTML Code:
<mx-number
    max="10"
    min="-10"
    step="0.5"
    value="8.5" />

禁用

HTML Code:
<mx-number disabled="true" value="20" />

响应事件

HTML Code:
<mx-number
    max="10"
    min="-10"
    step="0.5"
    value="8.5"
    mx-change="show()" />
Javascript Code:
let Magix = require('magix');
let GTip = require('app/gallery/mx-gtip/index');
module.exports = Magix.View.extend({
    tmpl: '@index.html',
    mixins: [GTip],
    render() {
        let me = this;
        me.updater.digest();
    },
    'show<change>' (e) {
        this.gtipRT('当前值：' + e.eventTarget.value);
    }
});