Rate 评分

Maker

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

JSON

  1. {
  2.     type:"rate",
  3.     field:"rate",
  4.     title:"推荐级别",
  5.     value:3.5,
  6.     props:{
  7.         max: 10,
  8.     },
  9.     validate:[
  10.         {required:true,type:'number',min:3, message: '请大于3颗星',trigger:'change'}
  11.     ]
  12. }

参考: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}

on 事件

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