zombie-ui-2023 v1.0.2

Zombie-ui

<zombie-flow-chart :list="list" style="width: 100%; height: 400px;" :nodeColor="'#23aaf2'"></zombie-flow-chart>

引用

// main.js
import ZombieUI from 'zombie-ui-2023'
import 'zombie-ui-2023/zombie-ui.css'

Vue.use(ZombieUI)

组件

zombie-flow-chart

可自适应宽度流程图插件，目前可同时显示两条流程图 组件需要设置宽和高 鼠标悬浮节点出现弹框，节点标题过长会截取并用...代替

可传参数

• list：节点传输的数据

list = {
    title: "",  // 节点标题
    pending: false, // 是否已处理节点 false-已处理，true-未处理
    panels: {   // 节点信息
        value1: "",
        value2: "",
        value3: ""
    },
    level: '1', // 1-第一条流程图   2-第二条流程图
}

• nodeColor(string)：节点已处理颜色