这一期讲剩余的关于页面元素中的按钮、表单、导航、选项卡、表格和辅助;内置模块中的弹出层和轮播。
关于页面元素中的按钮:按钮这一个是我目前为止用的最多的。按钮的大小,是随着字数的个数而变化的。
这里面有分很多种样式总有一种是你想要的。样式如下:
按钮的颜色是可以更改的。在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
layui框架的使用第二弹
最新推荐文章于 2023-09-13 10:22:57 发布
本文详细介绍了layui框架中页面元素的使用,包括按钮、表单、导航、选项卡的配置和效果。按钮颜色可变,有多种预设样式;表单需加载form模块才能正常显示;选项卡提供切换功能,可自定义样式。此外,还预告了下期将分享表格和弹出层、轮播等内容。
摘要由CSDN通过智能技术生成