๐ File Reader
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="../css/public.css" media="all">
<style>
.site-demo-button{margin: 10px 0 10px 0}
</style>
</head>
<body>
<div class="layuimini-container">
<div class="layuimini-main">
<fieldset class="layui-elem-field site-demo-button" style="margin-top: 30px;">
<legend>ๆ้ฎไธป้ข</legend>
<div>
<button type="button" class="layui-btn layui-btn-primary">ๅๅงๆ้ฎ</button>
<button type="button" class="layui-btn">้ป่ฎคๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-normal">็พๆญๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-warm">ๆ่ฒๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-danger">่ญฆๅๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-disabled">็ฆ็จๆ้ฎ</button>
</div>
</fieldset>
<fieldset class="layui-elem-field site-demo-button">
<legend>ๆ้ฎๅฐบๅฏธ</legend>
<div>
<button type="button" class="layui-btn layui-btn-primary layui-btn-lg">ๅคงๅๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-primary">้ป่ฎคๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">ๅฐๅๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-xs">่ฟทไฝ ๆ้ฎ</button>
<br>
<button type="button" class="layui-btn layui-btn-lg">ๅคงๅๆ้ฎ</button>
<button type="button" class="layui-btn">้ป่ฎคๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-sm">ๅฐๅๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-xs">่ฟทไฝ ๆ้ฎ</button>
<br>
<button type="button" class="layui-btn layui-btn-lg layui-btn-normal">ๅคงๅๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-normal">้ป่ฎคๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal">ๅฐๅๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-xs layui-btn-normal">่ฟทไฝ ๆ้ฎ</button>
<br>
<div style="width: 216px; margin: 0;">
<button type="button" class="layui-btn layui-btn-fluid">ๆตไฝๆ้ฎ</button>
</div>
</div>
</fieldset>
<fieldset class="layui-elem-field site-demo-button">
<legend>็ตๆดป็ๅพๆ ๆ้ฎ๏ผๆดๅคๅพๆ ่ฏท้
่ง๏ผๆๆกฃ-ๅพๆ ๏ผ</legend>
<div>
<button type="button" class="layui-btn"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn"><i class="layui-icon">๎</i></button>
<br>
<button type="button" class="layui-btn layui-btn-danger"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-danger"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-danger"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-danger"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-danger"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-danger"><i class="layui-icon">๎</i></button>
<br>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon">๎</i></button>
</div>
</fieldset>
<fieldset class="layui-elem-field site-demo-button">
<legend>่ฟๅฏไปฅๆฏๅ่งๆ้ฎ</legend>
<div>
<button type="button" class="layui-btn layui-btn-primary layui-btn-radius">ๅๅงๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-radius">้ป่ฎคๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-normal layui-btn-radius">็พๆญๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-warm layui-btn-radius">ๆ่ฒๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-danger layui-btn-radius">่ญฆๅๆ้ฎ</button>
<button type="button" class="layui-btn layui-btn-disabled layui-btn-radius">็ฆ็จๆ้ฎ</button>
</div>
</fieldset>
<fieldset class="layui-elem-field site-demo-button">
<legend>้ฃๆ ผๆททๆญ็ๆ้ฎ</legend>
<div>
<button type="button" class="layui-btn layui-btn-lg layui-btn-primary layui-btn-radius">ๅคงๅๅ ๅ่ง</button>
<a href="http://www.layui.com/doc/element/button.html" class="layui-btn" target="_blank">่ทณ่ฝฌ็ๆ้ฎ</a>
<button type="button" class="layui-btn layui-btn-sm layui-btn-normal"><i class="layui-icon">๎</i> ๅ ้ค</button>
<button type="button" class="layui-btn layui-btn-xs layui-btn-disabled"><i class="layui-icon">๎</i> ๅไบซ</button>
</div>
</fieldset>
<fieldset class="layui-elem-field site-demo-button">
<legend>ๆ้ฎ็ป</legend>
<div class="layui-btn-group">
<button type="button" class="layui-btn">ๅขๅ </button>
<button type="button" class="layui-btn ">็ผ่พ</button>
<button type="button" class="layui-btn">ๅ ้ค</button>
</div>
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-sm"><i class="layui-icon">๎</i></button>
</div>
<div class="layui-btn-group">
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">ๆๅญ</button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">๎</i></button>
<button type="button" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">๎</i></button>
</div>
</fieldset>
</div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<!-- ๆณจๆ๏ผๅฆๆไฝ ็ดๆฅๅคๅถๆๆไปฃ็ ๅฐๆฌๅฐ๏ผไธ่ฟฐjs่ทฏๅพ้่ฆๆนๆไฝ ๆฌๅฐ็ -->
</body>
</html>