首页 新闻 会员 周边 捐助

layui 中 树型组件

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

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

nike酱的主页 nike酱 | 初学一级 | 园豆：173
提问于：2022-01-17 13:32
< >
分享
所有回答(4)
0

http://layui.org.cn/doc/modules/tree.html

藤椒小 | 园豆：206 (菜鸟二级) | 2022-01-17 14:58

thanks

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

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

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

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

thanks

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

emmmmmmmn | 园豆：228 (菜鸟二级) | 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尝试一下就明白了

刘下来 | 园豆：919 (小虾三级) | 2022-01-20 15:36

已解决，谢谢

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