<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
padding: 0;
margin: 0;
}
#stencil {
width: 200px;
height: 100vh;
position: relative;
float: left;
}
#graph-container {
margin-left: 200px;
height: 100vh;
position: relative;
}
</style>
<!-- 引入 layui.css -->
<link href="css/layui.css" rel="stylesheet">
</head>
<!-- 下面是测试JSON
{"cells":[{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"1e91fcd3-1670-46d6-a846-5befbfb2a46d","zIndex":0,"source":{"cell":"d51dadf5-2e6f-48fb-bfb1-217c4afbf846","port":"fa8cc7f8-357c-4221-9f81-394c109d9ee9"},"target":{"cell":"073490b9-7f00-4921-a532-aae89ea81920","port":"89290662-9456-46ea-b719-c16a78a65aa7"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"4e6d85c0-f4e7-4256-887b-194d0c80dd90","zIndex":0,"source":{"cell":"073490b9-7f00-4921-a532-aae89ea81920","port":"99843661-c5b8-4ab1-bcb6-f4f3a2edab52"},"target":{"cell":"34a42d7e-857f-442f-a638-7aec8d765147","port":"4da223c3-c605-4b6e-b87a-09d56d9daa69"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"e27154ae-c2b6-4d56-b886-fe9657de5050","zIndex":0,"source":{"cell":"485354af-dde3-4a6d-bf79-1e6841d12028","port":"6ebe7b89-116b-4204-b541-3263bb35e291"},"target":{"cell":"d51dadf5-2e6f-48fb-bfb1-217c4afbf846","port":"f134b62f-4e75-4c9f-ad25-3170b01e3879"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"60ffa0ab-3bef-4d40-a27d-5f3ea344aefb","zIndex":0,"source":{"cell":"b6149722-9c5a-4b02-bdf5-8c4db1b3a343","port":"5f73999e-335a-4607-8240-620ad8f2edc9"},"target":{"cell":"3add1256-8054-40b1-9157-f9d1596d5d15","port":"f6dfeaa7-fc5e-4869-aa14-82080b2efd08"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"96b82c1a-c108-4744-9a6d-ac4ef6c301c0","zIndex":0,"source":{"cell":"3add1256-8054-40b1-9157-f9d1596d5d15","port":"0e25790b-e035-4d97-aa76-70833b8f1e36"},"target":{"cell":"59e75f70-f8f6-4e27-9ddf-32b225666859","port":"fb70ae78-f53a-4e4e-8368-dfe90902de86"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"da0c3ffd-6c69-49b8-a1f6-d360bb837f54","zIndex":0,"source":{"cell":"4a567d8e-29bf-4f69-bd70-53bd4bd64e52","port":"da4f6e5a-c54b-4966-8881-324e20ee858a"},"target":{"cell":"b6149722-9c5a-4b02-bdf5-8c4db1b3a343","port":"fbafe476-7722-4004-a426-758e5bc09cc9"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"cd51abab-291c-4671-b645-c921a562c09d","zIndex":0,"source":{"cell":"59e75f70-f8f6-4e27-9ddf-32b225666859","port":"304d5412-6e5b-41b5-b191-66ba44f7c93e"},"target":{"cell":"4a567d8e-29bf-4f69-bd70-53bd4bd64e52","port":"8b080a20-b97a-4ddf-bfd0-d7bcd9e22c01"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"a9cb96ab-234d-44fc-9911-949904cbb289","zIndex":0,"source":{"cell":"59e75f70-f8f6-4e27-9ddf-32b225666859","port":"8255afd5-85c8-44a6-880a-21c5c5bdff73"},"target":{"cell":"586dc822-ba7b-49a1-a2ee-4423cec7119f","port":"5cb56d1c-c81c-44f3-a7a6-6d314c895a6f"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"1666d3e1-f222-4276-bf60-4290c8921478","zIndex":0,"source":{"cell":"9ccbf4f4-b1ca-4591-9490-64759ecce687","port":"afe80b50-c571-41fd-a45b-4ea606b37772"},"target":{"cell":"485354af-dde3-4a6d-bf79-1e6841d12028","port":"fbafe476-7722-4004-a426-758e5bc09cc9"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"540a2078-86f3-42f7-ba5f-ffe51e90471a","zIndex":0,"source":{"cell":"586dc822-ba7b-49a1-a2ee-4423cec7119f","port":"3dfae0e9-b5fa-4d52-a686-18c29b0ef48d"},"target":{"cell":"55f4259d-7d54-4312-b5f2-addac756f9e8","port":"8f9befc0-ab5c-46cc-b11e-9295fdde5d0c"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"ce3ddd14-a2ec-4ecc-9093-243efdb11ed0","zIndex":0,"source":{"cell":"1e848364-7d1b-40b9-b74a-4cca9c453c0d","port":"276ba45f-5e26-4ed3-99b3-296d37706ddc"},"target":{"cell":"a4195922-64a4-47bb-8a54-57116af3f61e","port":"15bae729-8049-4271-9ca8-ce338415fded"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"ca1868c8-00a8-4a71-9196-4f657cb7c53a","zIndex":0,"source":{"cell":"a4195922-64a4-47bb-8a54-57116af3f61e","port":"ee0173d9-95d7-4130-91e2-610cd0a6d4fa"},"target":{"cell":"586dc822-ba7b-49a1-a2ee-4423cec7119f","port":"61f4a646-74b5-41f6-9f5f-2446913d5a98"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"46a37442-a047-4def-8be0-e9ded72693d0","zIndex":0,"source":{"cell":"1e848364-7d1b-40b9-b74a-4cca9c453c0d","port":"276ba45f-5e26-4ed3-99b3-296d37706ddc"},"target":{"cell":"b8368c58-5a65-46c6-8259-2e9c6684578b","port":"15bae729-8049-4271-9ca8-ce338415fded"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"72a95319-83f1-492a-8e81-1864df1cefed","zIndex":0,"source":{"cell":"b8368c58-5a65-46c6-8259-2e9c6684578b","port":"44ef6b39-6da1-405c-8e8a-c088aa1ee5c0"},"target":{"cell":"4a567d8e-29bf-4f69-bd70-53bd4bd64e52","port":"829260f7-d271-42b9-86cc-c8bea511684c"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"5beb4785-c777-4aa0-a589-93d38d91dcba","zIndex":0,"source":{"cell":"c96f10f7-e72b-4801-ae94-9406de33b250","port":"34ae01d9-128b-4d0d-ab30-20bfafcf94d1"},"target":{"cell":"5fde0f20-06aa-4a44-8dbb-888c815abf3f","port":"8b080a20-b97a-4ddf-bfd0-d7bcd9e22c01"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"6eadedc9-184c-4977-a9c0-98ef2ead4bb3","zIndex":0,"source":{"cell":"5fde0f20-06aa-4a44-8dbb-888c815abf3f","port":"da4f6e5a-c54b-4966-8881-324e20ee858a"},"target":{"cell":"c96f10f7-e72b-4801-ae94-9406de33b250","port":"9ad4d9e1-8b6b-4a47-8947-99281ff42f45"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"e44f5bc3-93b8-4a46-a932-7fa1896a755b","zIndex":0,"source":{"cell":"34a42d7e-857f-442f-a638-7aec8d765147","port":"d5c87db3-66bc-49a2-8df0-73c48aa8d4e2"},"target":{"cell":"1e848364-7d1b-40b9-b74a-4cca9c453c0d","port":"aca8488b-a95b-4402-be64-33e28a55f1fc"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"23b99293-74f3-4304-82d1-808473c77840","zIndex":0,"source":{"cell":"c96f10f7-e72b-4801-ae94-9406de33b250","port":"eee6b69d-3ecf-4b26-ad64-b1d8e6d32d96"},"target":{"cell":"1e848364-7d1b-40b9-b74a-4cca9c453c0d","port":"aca8488b-a95b-4402-be64-33e28a55f1fc"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"022225cb-8395-4b5f-b398-6079fd68d442","zIndex":0,"source":{"cell":"55f4259d-7d54-4312-b5f2-addac756f9e8","port":"0ca39a13-def8-431a-9bb3-97d14525c56b"},"target":{"cell":"ca7c2cba-b74d-43bf-bb55-8c0a7d15412b","port":"6ebe7b89-116b-4204-b541-3263bb35e291"}},{"shape":"edge","attrs":{"line":{"stroke":"#A2B1C3","targetMarker":{"name":"block","width":12,"height":8}}},"id":"70cb2d47-6438-439b-8675-1614ce31fa04","zIndex":0,"source":{"cell":"ca7c2cba-b74d-43bf-bb55-8c0a7d15412b","p
没有合适的资源?快使用搜索试试~ 我知道了~
antv x6 拖拽流程DEMO
共14个文件
png:6个
css:4个
js:3个
需积分: 5 26 下载量 113 浏览量
2023-04-26
09:31:33
上传
评论 1
收藏 351KB RAR 举报
温馨提示
ANTV X6拖拽流程。可自定义节点、设备,设计设备或节点的属性。 可自定义流程任何方向,可动态扩展。 后期开发可自定义任何功能。 参考官网DEMO地址:https://x6.antv.antgroup.com/examples 参考官网文档:https://x6.antv.antgroup.com/tutorial/about 本作品是结合官网DEMO做了扩展功能,可保存数据和导入数据。
资源推荐
资源详情
资源评论
收起资源包目录
流程DEMO.rar (14个子文件)
image
工作站.png 472B
料仓.png 384B
培养箱.png 423B
机械臂.png 485B
振荡器.png 421B
孵育器.png 390B
css
layui.js 284KB
layui.css 80KB
css
modules
laydate
default
laydate.css 8KB
code.css 1KB
layer
default
layer.css 16KB
x6.js 1.47MB
site.js 230B
流程DEMO.html 60KB
共 14 条
- 1
资源评论
youNamehe
- 粉丝: 5
- 资源: 12
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功