代码拉取完成,页面将自动刷新
在 app.wxss 中引入组件库所有样式
@import "path/to/zanui-weapp/dist/index.wxss";
在需要使用的页面里引入组件库模板和脚本
<import src="path/to/zanui-weapp/dist/steps/index.wxml" />
在模板中使用 zan-steps 模板,并传入相应数据
<template is="zan-steps" data="{{ type: 'horizon', steps }}"></template>
参数 | 说明 | 类型 | 默认值 | 必须 |
---|---|---|---|---|
type | steps 的展示状态,可选值为 'horizon', 'vertical' | String | horizon | |
hasDesc | 是否展示描述 | Boolean | false | |
steps | 步骤条展示数据 | Array | 必须 | |
className | 自定义类目,方便自定义显示 | String |
steps 数据格式如下:
[
{
// 此步骤是否当前完成状态
current: false,
// 此步骤是否已经完成
done: true,
// 此步骤显示文案
text: '步骤一',
// 此步骤描述语
desc: '10.01'
},
{
done: true,
current: false,
text: '步骤二',
desc: '10.02'
},
{
done: true,
current: true,
text: '步骤三',
desc: '10.03'
}
]
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。