向导框

提供向导引导模式

  • 如果普通展示使用,则【不需要】配置 request 以及 buttons 字段,request以及buttons是有特殊请求时才进行配置使用。

效果预览

结构配置

wizard:
  active: 0 #高亮的步骤下标(index)
  request:
    model: ajax
    url: '/platform/wizard/get_status'
    method: 'POST'
    params: {uid: '{%id%}',qq: '{%user.qq%}'}
    interval: 5000
    start: '{%start%}'
  data:
    - {model: text,title: 'Step1',desc: '我是第一步' ,href: 'http://www.qq.com'}
    - {model: text,title: 'Step2',desc: '我是第二步'}
    - {model: text,title: 'Step3',desc: '我是第三步'}
    - {model: text,title: 'Step4',desc: '我是第四步'}
  buttons:
    - {model: btn, name: 返回, type: link, hide: false, href: 'javascript:history.go(-1);'}
    - {model: btn, class_name: btn-info, name: 开始部署, type: ajax, url: '{%url%}', params: {user_id: '{%id%}',user_name: '{%nav_tabs.active_index%}'},action: deploy}
    - {model: btn, class_name: btn-info, name: 回滚, type: ajax, url: '{%url%}', params: {user_id: '{%id%}',user_name: '{%nav_tabs.active_index%}'},action: rollback}
    - {model: btn,hide: '{%table.hide%}', class_name: btn-info, name: 回滚, type: ajax, url: '{%url%}', params: {user_id: '{%id%}',user_name: '{%nav_tabs.active_index%}'},action: rollback}

wizard字段说明

字段 类型 含义 默认值
active String 高亮的步骤下标(index) -
data Array 步骤块集合 -
buttons Array 按钮集合 -
request Object 请求配置 -

wizard.data字段说明

字段 类型 含义 默认值
model String text text
title String 步骤块标题 -
desc String 步骤块小标题 -
href String 如果有链接,则配置这个 -

results matching ""

    No results matching ""