layui框架简单解读,为什么要使用layui框架,layui框架的好处,后端程序员快速学习掌握layui框架技术型文档博文,layui学习笔记,快速掌握前端技术框架

本文详细解读layui框架,包括必填项、初始文本提示、历史记录展示等表单特性,以及下拉框、开关、复选框、单选框等组件使用。同时,探讨了导航栏、选项卡和表单验证的实现,帮助后端程序员快速学习前端技术。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

于是我们可以通过以下进行调整,在技术文档中

在这里插入图片描述

看标记,那一列有一个md,md就是我们之前写的div引用布局时写的,我们可以根据不同的设备进行更改即可在这里插入图片描述

但是我们一直这样修改,岂不是很麻烦,所以,我们可以直接在class内,直接在md9之后,添加一个空格,再写一个,只不过这个就不要时md了,可以换其他设备,这样就可以在多台设备进行添加

在这里插入图片描述

7、管理系统界面布局

=========================================================================

我们管理系统,其实大体都差不多,都是上面有一个导航栏,左边有一个目录栏,右边有一个主题,可能最下面还有一个尾栏,

技术文档内就有指出:

在这里插入图片描述

代码实现:

栅格系统

123

123

123

示例布局已经做好,现在要添加颜色, 之前我们是按照原先的div的颜色标签进行添加颜色的,其实在框架内部,提供了颜色:

在这里插入图片描述

在这里插入图片描述

添加代码后的颜色是这样:来看下效果:

在这里插入图片描述

发现并不尽人意,那是因为,主体部分我们并没有限定高度,但是限定高度仍属于div的属性,子啊框架中,我们可以通过layui-layout-admin解决,他会自动生成管理系统布局:

在这里插入图片描述

那此刻我们的管理系统布局已经做好了:

在这里插入图片描述

左边的空白部分是菜单,我们暂时可以忽略;

| | |

| — | — |

说实现,现在已经凌晨一点07分了,真晚了,真不想在写了;再写一点,今晚先发布出去,等之后在添加改吧,唉,苦逼的编程生活

| | |

| — | — |

8、按钮组件

=====================================================================

我们一开始使用的示例,就是由框架生成的按钮的效果

在这里插入图片描述

代码演示:

栅格系统

一个标准的按钮

a标签的按钮

span标签的按钮

在这里插入图片描述

我们普通的框架按钮,作用在其他元素上,都可以生成按钮

除了这些,还有一些其他格式的按钮,我们只需要添加不同的class就可以了,就不再一一展示了

在这里插入图片描述

在这里插入图片描述

这些按钮添加响应的class即可,下面讲一下图标按钮的使用

8.1、图标按钮的使用


在我们的文档中就有描述在这里插入图片描述

如何才能把 图标和按钮组合起来呢,主要由两个方法:

class引入:

在这里插入图片描述

效果:

在这里插入图片描述

想要更换,更换后面的样式即可

在这里插入图片描述图标下面的就是:

另外一种就是使用样式上面的那一段文字:

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值