分享编程智慧，点亮技术之路
栅格系统与后台布局如你所愿，在 layui 2.0 的版本中，我们加入了强劲的栅格系统和常见的管理系统布局方案，这意味着你可以采用 layui 排版你的响应式网站和后台管理系统的界面了。layui 的栅格采用业界比较常见的 12 等分规则，内置手机、平板、PC 桌面中大型屏幕的多终端适配处理，最低能支持到 ie8。而你应当更欣喜的是，layui 终于开放了它经典的管理系统布局方案，快速搭建一个属于...
模块规范 layui 定义了一套更轻量的模块规范。并且这种方式在经过了大量的实践后，成为 layui 最核心的模块加载引擎。 layui 通过 use 方法加载模块。当你的 JS 需要用到 layui 模块的时候，且避免到处写 layui.use() 的麻烦。你应该在最外层如此定义： </>codelayui.use(['form', 'upload'], function(){ //如果只加载一...
页面元素规范与说明layui 提倡返璞归真，遵循于原生态的元素书写规则，所以通常而言，你仍然是在写基本的 HTML 和 CSS 代码，不同的是，在 HTML 结构上及 CSS 定义上需要小小遵循一定的规范。CSS内置公共基础类类名（class）说明布局 / 容器layui-main用于设置一个宽度为 1140px 的水平居中块（无响应式）layui-inline用于将标签设为内联块状元素layui...
layui 颜色设计感 视觉疲劳的形成往往是由于颜色过于丰富或过于单一形成的麻木感，而 layui 提供的颜色，清新而不乏深沉，互相柔和，不过分刺激大脑皮层的神经反应，形成越久越耐看的微妙影像。合理搭配，可与各式各样的网站避免违和，从而使你的 Web 平台看上去更为融洽。 #009688 主色调之一 #5FB878 一般用于选中状态 #393D49 通常用于导航 #1E9FFF 经典蓝 layui...
问题背景不是所有的列表都是一行就搞定，如果遇到layui.table需要支持自动换行的情况，这个时候就需要改造layui的数据表格，支持自动换行。第一种：在需要的当前页用下面样式：<style> .layui-table-cell { line-height: 20px !important; vertical-align: middle; height: auto; overflow: visi...
引入 Layui<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui 进度条 AJAX 示例</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-v2.5.7/dist/css/layui.css"> </head> <body>...
openpyxl给列设置最合适宽度您可以使用openpyxl中的worksheet.column_dimensions属性来设置每列的最合适宽度。您可以使用worksheet.cell(row, col).value来获取单元格中的值，并使用len()函数来计算值的长度。然后，您可以使用worksheet.column_dimensions[column_letter].width属性来设置列的宽...
使用Excel中的MID函数配合FIND函数可以有效提取“-”符号左侧的数据。具体来说，可以使用公式“=MID(A2,1,FIND(“-“,A2,1)-1)”来完成这一操作。这个公式的作用是，从A2单元格中提取从第一个字符开始，到“-”符号出现之前（不包括“-”符号）的所有字符。
弹层组件文档 - layui.layerlayer 至今仍作为 layui 的代表作，它的受众广泛并非偶然，而是这数年来的坚持、不弃的执念，将那些不屑的眼光转化为应得的尊重，不断完善和维护、不断建设和提升社区服务，在 Web 开发者的圈子里口口相传，乃至于成为今天的 layui 最强劲的源动力。目前，layer 已然成为网页弹出层的首选交互方案，几乎随处可见。模块加载名称：layer，独立版本...
底层方法本篇主要介绍基础库所发挥的作用，其中过滤了大部分在外部不常用的方法，侧重罗列了基础框架支撑。全局配置方法：layui.config(options)你可以在使用模块之前，全局化配置一些参数，尽管大部分时候它不是必须的。所以我们目前提供的全局配置项非常少，这也是为了减少一些不必要的工作，尽可能让使用变得更简单。目前支持的全局配置项如下：</>codelayui.config({dir: '/...
开始使用 - 入门指南 layui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多...
徽章 徽章是一个修饰性的元素，它们本身细小而并不显眼，但掺杂在其它元素中就显得尤为突出了。页面往往因徽章的陪衬，而显得十分和谐。 不妨先来看看 徽章 这个小小的大家族吧： 6 99 61728 赤 橙 绿 青 蓝 黑 灰 6 Hot 你可能已经敏锐地发现，除去花枝招展的七种颜色，徽章具有三种不同的风格类型：小圆点、椭圆体、边框体 </>code 小圆点，通过 layui-badge-dot 来定义...
【唐】三三博客园首页标签扩展 新随笔联系订阅管理bootstrap 5 样式复习目录(?)[+]布局#内容#公共样式#基础样式#1.1 Display 显示 .d-*#- 指定屏幕尺寸隐藏元素（响应式）1.2 间距（Spacing）- 边距和填充类#水平居中 mx-auto#margin 和 padding#负边距 mt-n1#1.3 垂直对齐 Vertical aligin#1.4 float ...
CSS3动画类 在实用价值的前提之下，我们并没有内置过多花俏的动画。而他们同样在 layui 的许多交互元素中，发挥着重要的作用。layui 的动画全部采用 CSS3，因此不支持 ie8 和部分不支持 ie9。 动画的使用非常简单，直接对元素赋值动画特定的 class 类名即可。如： </>code其中 layui-anim 是必须的，后面跟着的即是不同的动画类<div class="layui-...
常用元素操作 - layui.element页面中有许多元素需要自动去完成一些处理，譬如导航菜单的小滑块、Tab 的切换等操作，他们往往不需要去单独调用一个方法来开启一项功能，而页面上恰恰有太多这样的小交互，所以我们统一归类为 element 组件。模块加载名称：element使用元素功能的开启只需要加载element模块即会自动完成，所以不用跟其它模块一样为某一个功能而调用一个方法。她只需要...