Flex 的list组建之间的数据通过画线把数据之间的关系对应起来怎么实现,寻求帮助
关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率

首页/
已采纳
Flex List连线、画线
收起
- 写回答
- 好问题 0 提建议
- 关注问题
微信扫一扫
点击复制链接分享
- 邀请回答
- 编辑 收藏 删除 结题
- 收藏 举报
1条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
weixin_42299956 2009-02-19 08:49关注在List元素中保存当前元素的坐标数据,具体的计算可以用元素在List中的Index来控件,然后根据不同List中数据之间的关系来确定连线的位置。在List控件的上层容器中画线,这样应该就可以了。
本回答被题主选为最佳回答 , 对您是否有帮助呢? 本回答被专家选为最佳回答 , 对您是否有帮助呢? 本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报微信扫一扫
点击复制链接分享
编辑预览轻敲空格完成输入- 显示为
- 卡片
- 标题
- 链接
评论按下Enter换行,Ctrl+Enter发表内容
编辑
预览

轻敲空格完成输入
- 显示为
- 卡片
- 标题
- 链接
报告相同问题?
提交
- 2021-01-17 04:34刘 jin的博客 ], //存放非布局组件 layoutClass: 'flex-sub' or 'flex-five' or 'flex-four' // Ifelx样式,比例布局用 ], // 布局组件 Iflex的子组件, } ], fileStyleAndClass:{ iClass: [], // 背景样式类 iStyle: {}, // 背景...
- 2022-06-02 02:44辣条小哥哥的博客 // } .content { display: flex; justify-content: space-around; user-select: none; padding: 3vw; position: relative; overflow: scroll; // height: 28vw; } .right, .left { // padding-right: 1vw; color: #...
- 2022-05-25 09:22繁花&遇见的博客 display: flex; justify-content: center; align-items: center; font-size: 48px; font-weight: 800; color: #fff; } .active { height: 100%; width: 69%; margin-left: 10px; } } } </style>
- 2021-12-14 06:24小南瓜地的博客 参考了svg.js和jquery实现连线功能 需求: 1.右侧两个方框可以合成一个bond,点击bond之后又可以恢复。 2.一对一连接 3.有回显功能 package.json @svgdotjs/svg.js: “^3.1.1” 解决方法: svg_style.css .draw-...
- 2024-05-18 03:08LC1139的博客 (暂时只有’晴天’,‘最长的电影’,‘同桌的你’,‘送别’四种乐曲可供选择),选择后,底部会出现歌词,同时对应提示按键会变绿,随着玩家练习,歌词和提示按键会发生相应的改变。4.变调功能:改变音符持续时间...
- 2021-05-12 15:53叶川飞流的博客 function () { allBtn.forEach((item, index) => { item.classList.remove('active') }) huabiBtn.classList.add('active') huaban.type = 'huabi' } // 监听鼠标按下事件 canvas.onmousedown = function (e) { ...
- 2020-11-28 18:01王大锤_code的博客 false } canvas.onClick = (e) => { if(painting === true) { ctx.fillRect(e.clientX - 5, e.clientY - 5, 10, 10) } } 这样就实现了鼠标按下就画线,鼠标松开就停 画圆点 ctx.beginPath(); ctx.arc(50, 50, 50, 0,...
- 2018-12-21 07:29下雨天数星星的博客 本文的动画是在VUE框架下,针对节点操作的动画,流程图使用flex布局,连线是用js计算,动画是监听节点动画事件完成 <template> <div class="answer-list"> <div ...
- 2011-11-01 15:11xierh21的博客 在flex4下开发的网络拓扑图的客户端。该应用主要是管理L2层核心交换机群的网络状况,具有网络状况查询功能和核心交换机的配置及提供、OAM监控等功能。在这讲述的是与网络拓扑结构的拖拽相关联的方面。 有关网络拓扑...
- 2024-11-29 07:35北辰alk的博客 格式化数据 formatData(list) { this.kinship = {edges: [], nodes: []} if (list.edges && list.edges.length) { list.edges.forEach(i => { this.kinship.edges.push({ from: { field: i.sourceField, name: i....
- 没有解决我的问题, 去提问
联系我们(工作时间:8:30-22:00)
400-660-0108kefu@csdn.net在线客服
- 京ICP备19004658号
- 经营性网站备案信息
公安备案号11010502030143
- 营业执照
- 北京互联网违法和不良信息举报中心
- 家长监护
- 中国互联网举报中心
- 网络110报警服务
- Chrome商店下载
- 账号管理规范
- 版权与免责声明
- 版权申诉
- 出版物许可证
- ©1999-2025北京创新乐知网络技术有限公司