lsm/layui
1
0
Fork 0
mirror of https://gitee.com/layui/layui.git synced 2025-10-15 18:55:04 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

第一次配置

Browse Source
This commit is contained in:
star
2018-04-24 14:56:49 +08:00
parent 083e8ec782
commit ca1819d70f
8 changed files with 97 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
examples/rate.html
View File

@@ -13,16 +13,72 @@ body{padding:20px;}
</head>
<body>
<div class="layui-container">
<div class="layui-row">
<!-- 基础评分用法 -->
<div class="layui-rate layui-col-xm4 layui-col-xm-offset4 ">
<h3>基础用法</h3>
<hr>
<ul class="layui-rate-primary">
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
</ul>
</div>
<i class="layui-icon layui-icon-rate"></i>
<!-- 半星评分用法 -->
<div class="layui-rate layui-col-xm4 layui-col-xm-offset4 ">
<h3>选中半星</h3>
<hr>
<ul class="layui-rate-half">
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
</ul>
</div>
<!-- 显示提示文字 -->
<div class="layui-rate layui-col-xm4 layui-col-xm-offset4 ">
<h3>显示提示文字</h3>
<hr>
<ul class="layui-rate-text">
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
</ul>
<span></span>
</div>
<!-- 只读 -->
<div class="layui-rate layui-col-xm4 layui-col-xm-offset4 ">
<h3>只读</h3>
<hr>
<ul class="layui-rate-read">
<li class="layui-inline"><i class="layui-icon layui-icon-rate-solid"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate-solid"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
<li class="layui-inline"><i class="layui-icon layui-icon-rate"></i></li>
</ul>
</div>
</div>
</div>
<script src="../src/layui.js"></script>
<script>
layui.use(['element', 'form'], function(){
layui.use(['rate'], function(){
var rate = layui.rate;
rate.primary(".layui-rate-primary","li"){
}
});
</script>
</body>