mx-pagination

完整模式

HTML Code:
<mx-pagination
    total="2000"
    step="3"
    page="2"
    class="fl"/>

简单模式

HTML Code:
<mx-pagination
    total="2000"
    step="5"
    simplify="true"
    page="15"/>

迷你模式

HTML Code:
<mx-pagination
    total="2000"
    step="5"
    mini="true"
    page="10"/>

监听change事件

HTML Code:
<mx-pagination
    total="2000"
    step="5"
    page="10"
    mx-change="show()"/>
Javascript Code:
let Magix = require('magix');
module.exports = Magix.View.extend({
    tmpl: '@index.html',
    render() {
        let me = this;
        me.updater.digest();
    },
    'show<change>' (e) {
        console.log(e.page, e.size);
    }
});