无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/meta.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubcss.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/menu.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/top.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/head.htm

[ lyuif-rate ] 评分

时间:2020-09-19 23:30来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-rate ] 评分 # 效果预览 Demo 参数说明 API 丰富配置的评分组件,实用又简单 参数 说明 类型 默认值 ui 组件容器-外部class类 String / css 组件容器-style样式 String / c 组件容器-字体颜色(使

V1.1.1 [ lyuif-rate ] 评分#

效果预览 Demo

参数说明 API
丰富配置的评分组件,实用又简单
参数 说明 类型 默认值
ui 组件容器-外部class类 String /
css 组件容器-style样式 String /
c 组件容器-字体颜色(使用字体图标时生效) String #e78100
bc 组件容器-背景颜色 String /
data 子列表个数 Array [1, 2, 3, 4, 5]
cur 当前 String 1
max 最大 String 1
size 单个图标大小 String 24rpx
space 图标左右间距 String 20rpx
dis 禁用状态 Boolean false
name 字体图标名称 String xingxing
img 是否使用-自定义图片链接地址(支持使用内置图标名称或者外部链接地址) Boolean false
img-color 自定义图片链接地址-颜色(内置多种图标颜色)
red
yellow
orange
blue
green
cyan
purple
pink
white
whiteSmoke
gainsboro
lightGrey
silver
gray
dimGray
black
String default
off 未选中状态的图标名称(默认为内置图标名称;img为true时,off=自定义图片连接地址),预设名称:
 star / 星星
 heart / 心形
 flag / 旗子
 flower / 花
 starradius / 圆角五角星
 cup / 奖杯
 rank / 排行榜
String star
off-name 未选中状态-字体图标名称 String xingxing
off-size 未选中状态的图标-大小设置(使用字体图标时有效) String 24rpx
off-c 未选中状态的图标-字体颜色(使用字体图标时有效) String #666
off-bc 未选中状态的图标-背景颜色 String 24rpx
off-dir 未选中状态的图标-旋转角度 String 24rpx
on 选中状态的图标名称(默认为内置图标名称;img为true时,on=自定义图片连接地址),预设名称:同off String star
on-name 选中状态-字体图标名称 String xingxing
on-size 选中状态的图标-大小设置(使用字体图标时有效) String 24rpx
on-c 选中状态的图标-字体颜色(使用字体图标时有效) String #e78100
on-bc 选中状态的图标-背景颜色 String 24rpx
on-dir 选中状态的图标-旋转角度 String 24rpx

Lyuif组件源码展示

  1. <lyuif-rate
  2.     data="{{[1,2,3,4,5]}}"
  3.     cur="2"
  4.     size="24rpx"
  5. />
  6.  
事件 Events
监听事件
参数 说明 类型 默认值
change 监听评分改变时触发 String /

Lyuif组件源码展示

  1. <lyuif-rate
  2.     bind:change="change"
  3. />
  4.  
  5.  
  6. ({Page
  7.     change(e){
  8.     console.log('e.detail.value')
  9.     },
  10. })
  11.  
前端UI框架,UI框架组件,小程序组件,Lyuif前端框架专注于高效UI解决方案.lyuif是一款HTML/CSS前端框架,高效组件搭配lyui基因碎片化组合完美适配设计稿以及迭代更新,高效前端开发解决方案
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footer.htm
无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/side.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/footbar.htm 无法在这个位置找到: lyuid_tpl_1683a9f6g8b6f2a71_file/pubjs.htm