diff --git a/examples/rate.html b/examples/rate.html index be5dbdb6..3716032c 100644 --- a/examples/rate.html +++ b/examples/rate.html @@ -13,16 +13,72 @@ body{padding:20px;} +
+
+ +
+

基础用法

+
+
    +
    • +
    • +
    • +
    • +
    • +
+
- + +
+

选中半星

+
+
    +
    • +
    • +
    • +
    • +
    • +
+
+ +
+

显示提示文字

+
+
    +
    • +
    • +
    • +
    • +
    • +
+ +
+ + +
+

只读

+
+
    +
    • +
    • +
    • +
    • +
    • +
+
+
+
diff --git a/src/css/layui.css b/src/css/layui.css index e1a1b4f1..2b26e07c 100644 --- a/src/css/layui.css +++ b/src/css/layui.css @@ -363,8 +363,11 @@ a cite{font-style: normal; *cursor:pointer;} .layui-icon-cellphone:before { content: "\e678"; } .layui-icon-rate:before { content: "\e67b"; } + .layui-icon-rate-solid:before { content: "\e67a"; } +.layui-icon-rate-half:before { content: "\e6c9"; } + /* 基本布局 */ @@ -1033,6 +1036,15 @@ body .layui-table-tips .layui-layer-content{background: none; padding: 0; box-sh .layui-upload-wrap{position: relative; display: inline-block; vertical-align: middle;} .layui-upload-wrap .layui-upload-file{display: block!important; position: absolute; left: 0; top: 0; z-index: 10; font-size: 100px; width: 100%; height: 100%; opacity: .01; filter: Alpha(opacity=1); cursor: pointer;} +/** 评分组件 **/ +.layui-icon-rate,.layui-icon-rate-solid{font-size: 24px;color: #FF7F00;} +.layui-rate{height: 120px;border: 1px solid #EEE;border-radius: 5px;padding: 20px;margin-top: 10px;margin-bottom: 10px;transition: 300ms;} +.layui-rate:hover{box-shadow: 0 0 10px #CCC; transition: 300ms;} +.layui-rate-primary,.layui-rate-half,.layui-rate-text,.layui-rate-read{display: inline-block;list-style: none;padding: 20px;} +.layui-rate-primary li,.layui-rate-half li,.layui-rate-text li:hover{cursor: pointer;} + + + /** 代码修饰器 **/ .layui-code{position: relative; margin: 10px 0; padding: 15px; line-height: 20px; border: 1px solid #ddd; border-left-width: 6px; background-color: #F2F2F2; color: #333; font-family: Courier New; font-size: 12px;} diff --git a/src/font/iconfont.eot b/src/font/iconfont.eot index 3215b555..a7c475c0 100644 Binary files a/src/font/iconfont.eot and b/src/font/iconfont.eot differ diff --git a/src/font/iconfont.svg b/src/font/iconfont.svg index aaecf3e0..850ccfb9 100644 --- a/src/font/iconfont.svg +++ b/src/font/iconfont.svg @@ -144,6 +144,9 @@ t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q- + + + diff --git a/src/font/iconfont.ttf b/src/font/iconfont.ttf index 68c75f14..e175bf79 100644 Binary files a/src/font/iconfont.ttf and b/src/font/iconfont.ttf differ diff --git a/src/font/iconfont.woff b/src/font/iconfont.woff index 6a2b45a4..06dc521a 100644 Binary files a/src/font/iconfont.woff and b/src/font/iconfont.woff differ diff --git a/src/lay/modules/rate.js b/src/lay/modules/rate.js new file mode 100644 index 00000000..1c30174a --- /dev/null +++ b/src/lay/modules/rate.js @@ -0,0 +1,21 @@ + + +layui.define('jquery',function(){ + "use strict"; + var $ = layui.jquery; + var rate={ + primary:function(e,x){ + $(e x).each(function(index){ + var index=index; + $(this).mouseover(function(){ + // $(e > x:lt(index+1) i).addClass("layui-icon-rate-solid").removeClass("layui-icon-rate"); + console.log(11); + }); + $(this).click(index){ + + } + }) + }; + }; + exports('rate', rate); +}) \ No newline at end of file diff --git a/src/layui.js b/src/layui.js index 0ad6dcb9..38ed5020 100644 --- a/src/layui.js +++ b/src/layui.js @@ -67,6 +67,8 @@ ,mobile: 'modules/mobile' //移动大模块 | 若当前为开发目录，则为移动模块入口，否则为移动模块集合 ,'layui.all': '../layui.all' //PC模块合并版 + + ,rate: 'modules/rate' //评分组件 }; //记录基础数据