steps-步骤条

步骤条

使用指南

在page.json中引入组件

{
    "usingComponents": {
      "el-step": "component/_steps/step",
      "el-steps": "component/_steps/steps"
    }
}

<el-steps>

属性

direction的合法值:

事件

on: funciton(event, callback) {} steps操作,需配合selectComponent使用 | 0.0.6

callback.code的描述：

使用

<el-steps direction='' status='' circulation='circulation' class='steps'>
    <el-step />
</el-steps>

<el-button type='primary' catchtap='onNext'>下一步</el-button>
<el-button type='primary' catchtap='onPrevious'>上一步</el-button>
<el-button catchtap='onReset'>重置</el-button>

Page({
    data: {
        "direction": 'vertical',
        "status": 1,
        "circulation": false
    },

    onLoad() {
      this.selectComponent(".steps")
    },

    onNext () {
      this.steps.on('next', e => {
        // do
      });
    },

    onPrevious () {
      this.steps.on('previous');
    },

    onReset () {
      this.steps.on('reset');
    },
})

<el-step>

属性

direction的合法值:

样式

1.局部

事件

bindonetap: function (e) {} tap同理，当点击单个触发 | 0.0.6

使用

<el-steps>
    <el-step title='内容 ' subhead='副标题内容' wx:for='10' wx:key='' bindonetap='onStepTap' />
</el-steps>

Page({
    onStepTap (e) {
        // do
    }
})