无法在这个位置找到: 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-ico ] 图标

时间:2020-09-19 23:26来源:www.lyuid.com 作者:前沿视觉网 点击:
效果预览 Demo 参数说明 API 图标组件,支持字体图标,图片链接方式,灵活配置丰富 参数 说明 类型 默认值 ui 组件容器-外部class类 Strting / css 组件容器-style样式 Strting / rds 组件容器-大圆角 Bo

效果预览 Demo

参数说明 API
图标组件,支持字体图标,图片链接方式,灵活配置丰富
参数 说明 类型 默认值
ui 组件容器-外部class类 Strting /
css 组件容器-style样式 Strting /
rds 组件容器-大圆角 Boolean false
img 图标采用图片连接 String /
font 字体名称 String lyuif-ico
name 图标名称 String heart
size 字体图标大小(字体大小) String /
c 组件容器-字体颜色 String /
bc 组件容器-背景颜色 String /
info 图标右上角文字提示(注意:不能和dot同时使用) String | Number /
info-ui 图标右上角文字提示-组件容器-外部class类 String /
info-css 图标右上角文字提示-组件容器-style样式 String /
dot 是否显示小红点(注意:不能和info同时使用) String | Number /
dot-ui 小红点-组件容器-外部class类 String /
dot-css 小红点-组件容器-style样式 String /
dir 图标旋转方向(t/r/b/l 上/右/下/左) String /

Lyuif组件源码展示

  1. <lyuif-ico
  2.     rds="{{true}}"
  3.     name="xingxing"
  4.     size="48rpx"
  5.     c="red"
  6.     bc="blue"
  7.     dot="{{true}}"
  8.     dot-ui="classname"
  9.     dot-css="red"
  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