用layui-field-box fold编写一个面板折叠例子,并且默认折叠
时间: 2023-06-25 14:03:39 浏览: 43
可以参考以下代码实现一个默认折叠的面板:
```
<div class="layui-collapse">
<div class="layui-colla-item">
<h2 class="layui-colla-title">面板标题</h2>
<div class="layui-colla-content layui-show">
<div class="layui-field-box">
面板内容
</div>
</div>
</div>
</div>
```
其中,`layui-collapse` 为面板容器,`layui-colla-item` 为每个面板项,`layui-colla-title` 为面板标题,`layui-colla-content` 为面板内容容器,`layui-show` 表示默认展开。
如果要默认折叠,可以将 `layui-show` 改为 `layui-hide`,如下所示:
```
<div class="layui-collapse">
<div class="layui-colla-item">
<h2 class="layui-colla-title">面板标题</h2>
<div class="layui-colla-content layui-hide">
<div class="layui-field-box">
面板内容
</div>
</div>
</div>
</div>
```