【前端】关于layui框架的页脚如何关闭，layui-footer样式无法清除的问题

置顶杰肥啊

已于 2022-07-22 10:04:12 修改

阅读量9k

点赞数 2

分类专栏：前端文章标签： layui layui-footer

于 2019-05-25 17:24:02 首次发布

本文链接：https://blog.youkuaiyun.com/javaboyweng/article/details/90549281

版权

前端专栏收录该内容

20 篇文章

订阅专栏

关于layui框架的页脚如何关闭，关闭之后还占着位置问题

在index.js文件中可以看到以下一行代码

if (openFooter != undefined && openFooter == false) {
                $('body.layui-layout-body').addClass('close-footer');
            }

此代码说明只要让变量openFooter为true 或者undefined 就不会有页脚。但是对于跟楼主一样的后端程序员来说，js不是特别特别熟，还不是很懂layui，那我们也无从下手，但是$(‘body.layui-layout-body’).addClass(‘close-footer’);这行代码提示我们，罪魁祸首时这个叫做 close-footer的玩意儿，所以我们可以直接在标签中加一个这样的css样式。

解决方法

在你的布局的index.html中有layui-layout-body 的class样式里加一个 close-footer即可。这样页脚就消失了，还不占地方。记住，

这个页脚的div也要屏蔽哟。

<body class="layui-layout-body close-footer">
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

杰肥啊

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
6
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

#layui：管理系统模板 @FDDLC

LiuXingchang的博客

05-12

538

一、先上效果二、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>超市管理系统</title> <link rel="stylesheet" href="layui-source/css/layui.css"> <style> .layui-nav-child dd{padding-left: 1.

[搭建个人网站]使用LayUI布局进行页脚开发

SuperYang_的博客

06-10

1223

完成我们页面的导航栏和主体部分的联动之后，我们页面已经可以分开对不同的页面进行自己个人的开发了，这里我们还是要完善一下我们的首页，做个页脚，这里我们选择使用LayoutUI的布局来进行 ......

6 条评论您还未登录，请先登录后发表或查看评论

Layui 14 Layout 框体

最新发布

monian187的博客

04-10

185

见 layuiAdmin]()

layui iframe页面的关闭

weixin_44037153的博客

05-26

922

Layui 内置方法 - layer.getFrameIndex( 获取特定iframe层的索引）

Layui框架下去掉底部空白的解决方案

weixin_42429114的博客

04-29

2112

Layui底部空白区域无法去掉怎么办解决方案找到引入的layui.css文件，搜索以下样式，注释掉以下padding-bottom .layui-layout-admin .layui-body { position: absolute; top: 60px; /* padding-bottom: 44px; */ }

layui 开启关闭标签_layui -关闭窗口方法

weixin_39591916的博客

12-20

1152

1.关闭当前窗口var index=parent.layer.getFrameIndex(window.name); //获取当前窗口的nameparent.layer.close(index);2.关闭当前tabs页parent.layui.admin.events.closeThisTabs(); //关闭当前tabs页3.这个实在网上到的一些方法，但是不知道为啥有的是时候没有起作用。所以才...

前端开源库-gulp-headerfooter

08-29

在上面的例子中，`headerfooter.header()`和`headerfooter.footer()`分别用于设置文件的页眉和页脚。`gulp.src()`指定了要处理的文件路径，`gulp.dest()`则是输出处理后的文件位置。这个插件不仅限于JavaScript...

HTML5-Sticky-Footer:适用于需要粘贴页脚的小型网页HTML5模板

05-23

HTML5-Sticky-Footer是一个专为小型网页设计的HTML5模板，它的主要特点是拥有一个“粘性”或“固定”页脚，即使在用户滚动页面时，页脚也会始终保持在屏幕底部可见。这个特性在现代网页设计中非常常见，因为它可以...

react-footer:React Bootstrap页脚

05-01

React Bootstrap页脚 # Install Clone the repository. Then install dependencies, ```js npm install 运行webpack开发服务器 npm start 在浏览器上转到以查看页脚。

wvu-patterns-footer-credits:WVU 模式库 - 页脚积分模块

06-27

$ bower install --save wvu-patterns-footer-credits 可覆盖的默认值要覆盖默认值，请将新变量放在默认值之前。下面是如何覆盖默认断点值的示例。如果您将其放在默认值之后，则覆盖将不起作用。 $wvu-footer-...

添加页脚关闭按钮「Add Footer Close Button」-crx插件

03-15

向中型页脚栏添加一个关闭按钮。我是Medium发布平台的忠实拥护者，但讨厌它（及其各种分支）显示固定的页脚栏的方式。您知道吗，上面写着“永远不会错过[whoever]的更新”，并且上面带有“获取更新”按钮。是的，...

LayUi框架

qq_48578877的博客

09-28

1540

LayUi框架与SSM整合

Layui 踩坑之路

qq_41722795的博客

03-24

342

Layui 弹窗关闭销毁问题弹窗关闭后再次打开，输入框内容不清空，输入框为关闭前的内容目录 Layui 弹窗关闭销毁问题前言一、pandas是什么？二、使用步骤 1.引入库 2.读入数据总结前言问题描述：如：弹窗内的一输入框：内容为： 12345，关闭后再次初始化，再次初始化，打开后其内容仍旧为：12345 一、解决方案将需要初始化的使用模板写入 <script id="template" type="text/template"&...

layUi框架入门篇（二）——布局

我是一只蘑菇17的博客

10-20

3639

layui文档layui文档

layui选项卡切换及右键的动态操作（新增、切换、删除）

热门推荐

honvin的博客

09-29

1万+

要实现的效果：选项卡的新增以及切换、选项卡刷新、选项卡各种删除：删除其他、删除右侧所有、删除所有

layUI弹框

菜鸟_zhengke的博客

05-25

983

1.引入jquery和layUI <script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script> <script src="https://www.layuicdn.com/auto/layui.js" v="layui" e="layui"></script> 2.添加一个按钮或点击事件 <h1 id="open"&

layui一个页面多个table显示时工具栏被下方的table遮挡

Light

06-13

421

layui多个表格显示时工具栏的可能会被下方表格遮挡

LayUI框架——选项卡等element组件使用

让优秀成为一种习惯！

07-12

2252

在项目中我们需要编写许多页面，在页面中有许多元素需要自动去完成一些处理，譬如导航菜单的小滑块、Tab的切换等操作。他们往往不需要去单独调用一个方法来开启一项功能，而页面上恰恰有太多这样的小交互，所以在Layui框架中统一归类为element组件。跟表单一样，基于元素属性和事件驱动的接口书写方式。element。

layui搭建后台管理系统

weixin_45833112的博客

05-29

5898

好文章需要耐心阅读…茶凡—Matrix 首先想要使用layui搭建一个这样简洁通用的后台管理模板，需要理解后台管理系统的结构。大致可以分为三部分。 🍕header 这里的header 不只是最上面的部分，可以理解为点击可以跳转路径的地方，例如右边的菜单栏和右上角的用户名按钮。 🍕content 这里就是我们点击按钮显示在中间的页面内容，这个content 页面通常就是根据我们自己业务来定义的，理论可以定义N个。 🍕footer 这里的footer 其实对于后台管理系统来说可有可无，不过有的喜欢把左边菜单