如何实现以下效果？

发布于
2023-02-02 福建

更新于
2023-02-02

原型图如上，怎么实现，我人都傻了，有没有什么想法demo，

数据结构可以自由发挥

vue.js html css

阅读 1.8k

2 个回答

unicreators

发布于
2023-02-02 北京

画的花哨而已，仔细看其实就是一个树结构。
跟产品要生成节点位置的规则，计算节点位置稍加处理应该就行。

查看全部 2 个回答

推荐问题

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
参考使用：antd的Tag我做了2行的Tag： {代码...} 现在的需求是，如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？
3 回答1.4k 阅读✓ 已解决
如何在Vue中点击菜单弹出v-dialog对话框？
大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢
9 回答1.8k 阅读✓ 已解决
如何用Vue实现Word文档自动分页与双页排版功能？
用vue实现word的自动分页功能双页排版即用户输入的内容超过了一张A4纸的高度则自动分页将内容自动分割成两页按照左右左右的方式排版问题的难点在于 word的内容是不固定的标题 table 图片等等都有可能而且要加入交互逻辑比如弹出时间选择器弹出输入框等等目前外观是出来了直接v-for渲染page页但是接下...
6 回答1.8k 阅读
为什么 el-tabl操作列加了 fixed="right"之后列边框线不完整，有大佬知道原因吗？
el-table操作列加了fixed="right"之后,操作列上下行的边框线消失了，只有第一行和最后一行是正常的，其他都有问题，有大佬知道是什么原因吗？操作列代码
3 回答1.5k 阅读✓ 已解决
如何实现类似豆包的AI改写框跟随内容滚动效果？
豆包这种是怎么实现的，ai改写这个框是跟随内容滚动的，但是ai改写这个框是在body下与根节点平级的，想了半天，看他页面上代码也看不出来，求助
4 回答1.4k 阅读✓ 已解决
body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？
:first-child 选中了什么如题，在学习:first-child伪类的时候，我使用如下语法，但是产生的结果在预料之外。codepen链接html {代码...} css {代码...} 按照:first-child语法，body :first-child选中的应该是body的第一个子元素，也就是 {代码...} 结果选中了这个元素 {代码...} 网上搜索无果，所以来这里提问了，body :f...
2 回答1k 阅读✓ 已解决
如何在Vue组件中正确请求视频数据并显示？
<script>import { getVideoUrl } from '@/api/video'export default {
3 回答1.2k 阅读

相似问题

找不到问题？创建新问题