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

最新推荐文章于 2020-12-20 02:23:56 发布

奺月

最新推荐文章于 2020-12-20 02:23:56 发布

阅读量491

点赞数

本文链接：https://blog.csdn.net/weixin_45874531/article/details/107105136

版权

本文介绍了如何在LayUI中实现流加载显示并返回顶部功能。重点讲解了显示未加载条数的技巧，强调了data.count用于表示总条数，并提示将相关代码置于数据显示之后。通过示例页面展示，帮助读者理解并应用这些功能。

摘要由CSDN通过智能技术生成

返回顶部

//两个按钮的代码
  <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'
                , cli