layui框架的使用第二弹

本文详细介绍了layui框架中页面元素的使用,包括按钮、表单、导航、选项卡的配置和效果。按钮颜色可变,有多种预设样式;表单需加载form模块才能正常显示;选项卡提供切换功能,可自定义样式。此外,还预告了下期将分享表格和弹出层、轮播等内容。
摘要由CSDN通过智能技术生成

这一期讲剩余的关于页面元素中的按钮、表单、导航、选项卡、表格和辅助;内置模块中的弹出层和轮播。
关于页面元素中的按钮:按钮这一个是我目前为止用的最多的。按钮的大小,是随着字数的个数而变化的。
这里面有分很多种样式总有一种是你想要的。样式如下:
在这里插入图片描述
按钮的颜色是可以更改的。在layui上按钮的颜色有五种,通过不同的类可以实现不同的颜色。
在这里插入图片描述
按钮需要一开始class里面有layui-btn,以此来告诉标签,这个是一个按钮。这样子也可以得到一个原始绿色的按钮。想要变成白色的按钮,需要在后面添加 layui-btn-primary;想要蓝色的按钮需要在后面添加layui-btn-normal;想要橙色的按钮,需要在后面添加 layui-btn-warm;想要红色的按钮需要在后面添加layui-btn-danger;若是想要禁用该按钮,需要在后面添加 layui-btn-disabled。想要什么效果就在layui-btn后面添加什么即可。
圆角效果则是在后面添加 layui-btn-radius就可以啦。想要设置按钮大小不同的需要在layui-btn后面添加内容。第一个是:layui-btn-lg;第二个是:默认的,不用添加,直接是layui-btn就可以了;第三是:layui-btn-sm;第四个是:layui-btn-xs可不要加错了哦。里面有图标的&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值