向任意HTML元素设置class="layui-btn"来创建一个基础按钮。通过追加格式为layui-btn-{type}的class来定义其它按钮风格。内置的按钮class可以进行任意组合,从而形成多种按钮风格。
1.7.1 用法
测试代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="layui/css/layui.css">
<script src="layui/layui.all.js"></script>
<script src="js/jquery3.5.1.js"></script>
</head>
<body>
<div class="layui-row">
<div class="layui-col-md12">
<button type="button" class="layui-btn">一个标准的按钮</button>
<a href="http://www.layui.com" class="layui-btn">一个可跳转的按钮</a>
</div>
</div>
</body>
</html>
运行效果如图1-xx所示。