首页 新闻 搜索 专区 学院

layui 中 树型组件

0
悬赏园豆:10 [待解决问题]

layui 中 树型组件 的虚线是怎么实现的

nike酱的主页 nike酱 | 初学一级 | 园豆:173
提问于:2022-01-17 13:32
< >
分享
所有回答(4)
0
藤椒小 | 园豆:206 (菜鸟二级) | 2022-01-17 14:58

thanks

支持(0) 反对(0) nike酱 | 园豆:173 (初学一级) | 2022-05-10 14:58
0

如下的这个,直接拷贝就行,自带的样式

http://layui.org.cn/demo/tree.html

熊泽-学习中的苦与乐 | 园豆:2057 (老鸟四级) | 2022-01-17 15:17

thanks

支持(0) 反对(0) nike酱 | 园豆:173 (初学一级) | 2022-05-10 14:58
1

emmmmmmmn | 园豆:220 (菜鸟二级) | 2022-01-19 14:38
1
.layui-tree-line .layui-tree-set .layui-tree-set:after {
    content: "";
    position: absolute;
    top: 14px;
    left: -9px;
    width: 17px;
    height: 0;
    border-top: 1px dotted #c0c4cc;

:after ---> https://www.w3school.com.cn/cssref/selector_after.asp
如上,很简单,通过 :after 伪元素 ,用css直接写出来的,大多数这类结构都是这样写的,你可以F12,控制台---> Shift+Ctrl +C,然后鼠标放到那个虚线上,看Css就知道了,你也可以吧css复制下来,然后写个小demo尝试一下就明白了

王德贵 | 园豆:890 (小虾三级) | 2022-01-20 15:36

已解决,谢谢

支持(0) 反对(0) nike酱 | 园豆:173 (初学一级) | 2022-05-10 14:57
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册