您现在的位置是：首页 >技术交流 >23.评分模块网站首页技术交流

学习要点：
1.评分模块
本节课我们来开始了解 Layui 的内置模块：评分模块。
一．评分模块
1. 评分模块，就是我们通常用的五星好评的功能，先来看下基本设置；
<div id="test"></div>
layui.use(['rate'], () => {
const rate = layui.rate
//实例化
rate.render({
//绑定 dom
elem : '#test',
})
})
2. 对于参数，下面列出比较常用的属性，更多参考手册：
属性 描述
elem 容器选择器，DOM 对象
length 评分星星个数，默认 5
value 评分初始值
theme 主题颜色，默认#ffb800
half 设定是否可以选择半星，默认 false
text 是否显示对应评分的内容
readonly 是否只读
//实例化
rate.render({
//绑定 dom
elem : '#test',
value : 2.5,
half : true,
length : 6,
theme : '#bb00ff',
text : true
})
3. 自定义 text 的方法：setText，以及回调 choose 方法；
setText(value) {
const arrs = {
'1' : '极差',
'2' : '差',
'3' : '一般',
'4' : '良',
'5' : '优'
}
this.span.text(arrs[value] || (value + '太阳'))
}
//回调
choose(value) {
console.log(value)
}