Rate 评分

Maker

$formCreate.maker.rate('推荐级别','rate',2)
    .props({
        max: 10
    })
    .validate([{required:true,type:'number',min:3, message: '请大于3颗星',trigger:'change'}])

JSON

{
    type:"rate",
    field:"rate",
    title:"推荐级别",
    value:3.5,
    props:{
        max: 10,
    },
    validate:[
        {required:true,type:'number',min:3, message: '请大于3颗星',trigger:'change'}
    ]
}

参考:Element_Rate

value :Number

props

参数 说明 类型 可选值 默认值
max 最大分值 number 5
disabled 是否为只读 boolean false
allowHalf 是否允许半选 boolean false
lowThreshold 低分和中等分数的界限值,值本身被划分在低分中 number 2
highThreshold 高分和中等分数的界限值,值本身被划分在高分中 number 4
colors icon 的颜色数组,共有 3 个元素,为 3 个分段所对应的颜色 array ['#F7BA2A', '#F7BA2A', '#F7BA2A']
voidColor 未选中 icon 的颜色 string #C6D1DE
disabledVoidColor 只读时未选中 icon 的颜色 string #EFF2F7
iconClasses icon 的类名数组,共有 3 个元素,为 3 个分段所对应的类名 array ['el-icon-star-on', 'el-icon-star-on','el-icon-star-on']
voidIconClass 未选中 icon 的类名 string el-icon-star-off
disabledVoidIconClass 只读时未选中 icon 的类名 string el-icon-star-on
showText 是否显示辅助文字,若为真,则会从 texts 数组中选取当前分数对应的文字内容 boolean false
showScore 是否显示当前分数,show-score 和 show-text 不能同时为真 boolean false
textColor 辅助文字的颜色 string #1F2D3D
texts 辅助文字数组 array ['极差', '失望', '一般', '满意', '惊喜']
scoreTemplate 分数显示模板 string {value}

events

事件名称 说明 回调参数
change 分值改变时触发 改变后的分值