025-页面元素

1. CSS内置公共基础类

2. CSS命名规范

2.1. class命名前缀: layui; 连接符: -。如: class="layui-form"。

2.2. 命名格式一般分为两种: layui-状态或类型和layui-模块名-状态或类型。因为有些类并非是某个模块所特有, 他们通常会是一些公共类。如: 定义内联块状元素: class="layui-inline"; 定义按钮的原始风格: class="layui-btn layui-btn-primary"。

3. 常用公共属性

3.1. 很多时候, 元素的基本交互行为, 都是由模块自动开启。但不同的区域可能需要触发不同的动作, 这就需要你设定我们所支持的自定义属性来作为区分。如下面的lay-submit、lay-filter即为公共属性:

<button class="layui-btn" lay-submit lay-filter="login">登入</button>

3.2. 目前我们的公共属性如下所示(即普遍运用于所有元素上的属性):