@beisen/guide

    0.0.13 • Public • Published

    guide 使用说明

    项目运行

    1. cnpm install 或 npm install cnpm使用教程

    2. npm run dev (开发环境打包 port:8080)

    3. npm run test (测试用例)

    4. npm run build (生产环境打包)

    guide参数

        {
            list:[
                {
                    id:0  //非必须
                    ,text:"同步入离职"  //节点显示文字
                    ,status:"done"    //节点显示状态, "done"- 已完成, "doing"-当前步骤,"todo"-未开始
                    ,isChecked:false  //选中当前节点
                    ,disabled:false   //该节点是否被禁用
                }
            ]
            ,minScroll: 50 //当出现滚动条后,点击按钮时滚动距离,默认50px
            ,onClick: (val) => {console.info(val)} //节点的点击事件,会将相应节点数据抛出
        }
    

    视图页隐藏头部参数

        
        hidePageHeader=1(或true) ,//根据url中参数判断是否显示头部,hidePageHeader=任意值则隐藏视图页头部
        前端在url中加入该参数来隐藏视图页头部
    
    

    guide调用方法

    1.安装npm组件包

    npm install @beisen/guide --save-dev
    

    2.引用组件

    import Guide from "@beisen/guide"
    
    1. 传入参数

      该参数为上述参数,传入方式使用: {...参数}

      const data = {
                  list:[
                      {
                          id:0
                          ,text:"同步入离职"
                          ,status:"done"
                          ,isChecked:false
                          ,disabled:false
                      },
                      {
                          id:1
                          ,text:"计算"
                          ,status:"done"
                          ,isChecked:false
                          ,disabled:false
                      },
                      {
                          id:2
                          ,text:"差异分析"
                          ,status:"doing"
                          ,isChecked:true
                          ,disabled:false
                      },
                      {
                          id:3
                          ,text:"关联处理"
                          ,status:"done"
                          ,isChecked:false
                          ,disabled:false
                      },
                      {
                          id:4
                          ,text:"差异分析"
                          ,status:"todo"
                          ,isChecked:false
                          ,disabled:true
                      }
                      ,
                      {
                          id:5
                          ,text:"差异分析"
                          ,status:"todo"
                          ,isChecked:false
                          ,disabled:false
                      }
                      ,
                      {
                          id:6
                          ,text:"发布工资条"
                          ,status:"todo"
                          ,isChecked:false
                          ,disabled:false
                      }
                  ]
                  ,minScroll: 50 //点击按钮时滚动距离,默认50px
                  ,onClick: (val) => {console.info(val)}
              }
      
      render () {
              return (
                  <Guide {...data} />
              )
          }
      

    Install

    npm i @beisen/guide

    DownloadsWeekly Downloads

    15

    Version

    0.0.13

    License

    ISC

    Unpacked Size

    1.04 MB

    Total Files

    29

    Last publish

    Collaborators

    • albert-zhang
    • beisencorp
    • lgm
    • liugenpeng
    • neozw