wxc-steps

wxc-steps

MinUI 小程序组件 - 步骤条

Install

$ min install @minui/wxc-steps

Demos

steps示例

设置步骤信息数组和当前执行位置

<template>
  <wxc-steps steps="{{steps}}" current="{{current}}"></wxc-steps>
</template>
<script>
export default {
  config: {
    usingComponents: {
      'wxc-steps': '@minui/wxc-steps'
    }
  },
  data: {
    steps: [{
      title: '步骤1',
      desc: '注册，登录'
    }, {
      title: '步骤2',
      desc: '进入详情页，点击立即购买'
    }, {
      title: '步骤3',
      desc: '支付成功'
    }],
    current: 1
  },
  methods: {}
}
</script>
<style>
</style>

API

Steps【props】

名称	描述
`steps`	[说明]：步骤信息数组。组成对象参见steps数组项。[类型]：`Array`默认值：`[]`
`current`	[说明]：当前进行的步骤位置，从0开始。[类型]：`Number`[默认值]：`0`

steps 数组项

名称	描述
`title`	[说明]：步骤名称。[类型]：`String`默认值：`""`
`desc`	[说明]：步骤描述。[类型]：`String`[默认值]：`""`

Link

	地址
	steps 组件文档 https://meili.github.io/min/docs/minui/index.html#steps
	steps 组件源码 https://github.com/meili/minui/tree/master/packages/wxc-steps
	MinUI 组件库 https://github.com/meili/minui