rate 评分组件在电商和 O2O 平台尤为常见,一般用于对商家进行服务满意度评价。外形依然小巧自然,功能依旧灵活实用。其中评分对应的自定义内容功能,可让它有更多的发挥空间。该组件为 2.3.0 版本新增
模块加载名称:rate
<link rel="stylesheet" href="/static/layui/css/layui.css">
<script src="/static/layui/layui.all.js" charset="utf-8"></script>
目前 rate 组件提供了以下基础参数,你可根据实际场景进行相应的设置
参数选项 | 说明 | 类型 | 默认值 |
---|---|---|---|
elem | 指向容器选择器 | string/object | - |
length | 评分组件中具体星星的个数。个数当然是整数啦,残缺的星星很可怜的,所以设置了小数点的组件我们会默认向下取整 | number | 5 |
value | 评分的初始值 | number | 0 |
theme | 主题颜色。我们默认的组件颜色是#FFB800,你可以根据自身喜好来更改组件的颜色,以适用不同场景 | string | #FFB800 |
half | 设定组件是否可以选择半星 | boolean | false |
text | 是否显示评分对应的内容 | boolean | false |
readonly | 是否只读,即只用于展示而不可点 | boolean | false |
如若你设置分数,我们会根据你是否开启半星功能,来做一个具体的规范:
评分组件非常简单,重点在于参数选项的设置,你可以前往示例页面进行更为直观的了解。
layui - 在每一个细节中,用心与你沟通