无法在这个位置找到: 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-checkbox ] 复选框

时间:2020-09-19 23:27来源:www.lyuid.com 作者:前沿视觉网 点击:
V1.1.1 [ lyuif-checkbox ] 复选框 # 效果预览 Demo 参数说明 API 复选框,在实际项目中不可或缺的组件,支持字体图标,自定义图片 参数 说明 类型 默认值 ui 组件容器-外部class类 Strting / css 组件容器-

V1.1.1 [ lyuif-checkbox ] 复选框#

效果预览 Demo

参数说明 API
复选框,在实际项目中不可或缺的组件,支持字体图标,自定义图片
参数 说明 类型 默认值
ui 组件容器-外部class类 Strting /
css 组件容器-style样式 Strting /
name-off 未选中状态-字体图标名称(使用字体图标) Strting checked-off
name 未选中状态-字体图标名称(使用字体图标) Strting checked-on
img-off 未选中状态-图标连接地址(使用链接地址) Strting /
img 未选中状态-图标连接地址(使用链接地址) Strting /
value 是否选中 Boolean false
ico-only 只允许图标点击改变状态(文本点击无效) Boolean false
c 未选中状态-图标颜色 Strting #f0f0f0
ac 选中状态-图标颜色 Strting #f08300
bc 背景颜色-图标容器 Strting /
size 图标大小 Strting 38rpx
dis 禁用状态 Boolean false
dis-c 禁用状态-图标颜色 Strting #f0f0f0

Lyuif组件源码展示

  1. <lyuif-checkbox
  2.     value="{{true}}"
  3.     c="#f0f0f0"
  4.     ac="red"
  5. />
  6.  
  7.  
  8.  
  9.  
  10. <lyuif-checkbox
  11.     value="{{false}}"
  12.     name="checked-on"
  13. >
  14.  
  15. 复选框-默认使用字体图标
  16.  
  17. </lyuif-checkbox>
  18.  
  19.  
  20.  
  21.  
  22. <lyuif-checkbox
  23.     value="{{false}}"
  24.     name-off="checked-2"
  25.     name="checked-2"
  26. >
  27.  
  28. 复选框-默认使用字体图标-状态可自定义
  29.  
  30. </lyuif-checkbox>
  31.  
  32.  
  33.  
  34.  
  35.  
  36. <lyuif-checkbox
  37.     value="{{false}}"
  38.     img-off="http://xxx.xxx.com/img/checkbox_off.png"
  39.     img="http://xxx.xxx.com/img/checkbox_on.png"
  40. >
  41.  
  42. 复选框-使用图标链接地址-同理-同图标配置-状态可自定义
  43.  
  44. </lyuif-checkbox>
  45.  
  46.  
前端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