layui中折叠⾯板的使⽤
运⽤折叠⾯板后可以让页⾯更加整洁
有什么不懂的可以留⾔
代码放到底部
需要引⼊的⽂件
JQuery代码：
html代码
<div class="layui-colla-item">
<div class="layui-colla-title" >签到成功的学⽣</div> <div class="layui-colla-content">
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-3 col-xs-6 mb">
<div class="content-panel pn layui-bg-blue" >
<div id="profile-02">
<div class="user">
<a href="../img/153********.jpg">
<img src="../img/153********.jpg" class="img-circle" width="100" height="100"></a>
<br />
<br />
<p >417 王⼤昭<%#Eval("StuID")%></p>
</div>
</div>
</div>
</div>
</div>layui框架怎么用
</div>
</div>
<script>
layui.use(['element', 'layer'], function () {
var element = layui.element();
var layer = layui.layer;
//监听折叠
<('collapse(test)', function (data) {
layer.msg('展开状态：' + data.show);
});
});
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。