更新记录

1.0.1(2021-10-20)

  1. 移除 title 默认值“嵌套步骤条”。
  2. 优化一级步骤间隔。

后续优化目标: 目前 active 属性需要在 options 和 optionsItem 中定义两次,无法适应大部分场景。

有更多更好的想法可以在评论区提出。

1.0.0(2021-09-28)

1.0.0 初次发布


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

Nesting-Steps 嵌套步骤条

组件名:nesting-steps 代码块: nSteps

嵌套步骤条,步骤管理

基本用法

template 中的使用

<Nesting-Steps
  title="步骤条"
  :options="[
    {stepName:'步骤1', time:'2018-11-11'},
    {stepName:'步骤2', time:'2018-11-12', optionsItem: {
      stepOptions: [
        {stepName:'步骤2-1', time:'2018-11-12'},
        {stepName:'步骤2-2', time:'2018-11-12'},
      ],
      active: 3
    }},
    {stepName:'步骤3', time:'2018-11-13', optionsItem: {
      stepOptions: [
        {stepName:'步骤3-1', time:'2018-11-13'},
        {stepName:'步骤3-2', time:'2018-11-13'},
      ],
      active: 1
    }},
    {stepName:'步骤4', time:'2018-11-14'}
  ]"
  :active="2"></Nesting-Steps>

API

Steps Props

属性名 类型 可选值 默认值 说明
title String - #1aad19 标题
active Number - 0 当前步骤
options Array - - 数据源,格式为:[{stepName:'xxx',time:'xxx',optionsItem:{stepOptions:[],active:''}}]

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问