LayUI流加载显示 返回顶部、未加载条数

    技术2023-07-07  66

    返回顶部

    //两个按钮的代码 <div class="isFloat"> <p id="count" class="p11" style="margin-top: 6px;text-align: center;"></p>//未加载条数 <p class="p11" style="margin-left: 3px;">未加载</p>//返回顶部 </div> //css样式 .isFloat { width: 50px; height: 47px; background: #4482d9; position: fixed; bottom: 90px; right: 185px; border-radius: 2px } .p11 { color: #e3edf8 } layui.use(['layer', 'util'], function () { var layer = layui.layer; util = layui.util; util.fixbar({ top: true //返回顶部 , css: { right: 185, bottom: 35 } , bgcolor: '#3b7cd8' , click: function (type) { } }); });

    显示未加载条数

    页面的分页展示 data.count是总条数

    let totalPage = Math.ceil(data.count / limit);

    这个就是显示总条数的方法 这个要写在数据显示的后面 我的页面是这样的 然后就可以啦!!!!!

    Processed: 0.009, SQL: 9