widget Class
Yo框架widget基础构造
Yo内置了常见的通用代码片段,如:列表,表格,按钮组,头
Item Index
Methods
yo-dblist
-
$name
-
$aside-width
-
$aside-order
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String扩展的名称
-
$aside-width
Default | Length侧边栏宽度
-
$aside-order
Default | Length侧边栏顺序
yo-dialog
-
$name
-
$width
-
$height
-
$radius
-
$shadow-opacity
-
$bordercolor
-
$hd-height
-
$hd-bgcolor
-
$title-color
-
$title-font-size
-
$bd-padding
-
$bd-font-size
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义dialog名称
-
$width
Default | Length | null定义dialog宽度
-
$height
Default | Length定义dialog高度
-
$radius
Default | Length定义dialog圆角
-
$shadow-opacity
Default | Number定义dialog阴影透明度
-
$bordercolor
Default | Color定义dialog边框色
-
$hd-height
Default | Length定义dialog头部高度
-
$hd-bgcolor
Default | Color定义dialog头部背景色
-
$title-color
Default | Color定义dialog标题文本色
-
$title-font-size
Default | Length定义dialog标题字号
-
$bd-padding
Default | Length定义dialog主体补白
-
$bd-font-size
Default | Length定义dialog主体字号
yo-group
-
$name
-
$top
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义yo-group名称
-
$top
Default | Length定义yo-group顶部偏移值
yo-index
-
$name
-
$width
-
$color
-
$font-size
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义yo-index名称
-
$width
Default | Length定义yo-index宽度
-
$color
Default | Color定义yo-index文本色
-
$font-size
Default | Length定义yo-index文本字号
yo-mask
-
$name
-
$bgcolor
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义yo-mask名称
-
$bgcolor
Default | Color定义yo-mask背景色
yo-number
-
$name
-
$width
-
$height
-
$bordercolor
-
$color
-
$sign-bgcolor
-
$sign-color
-
$disabled-sign-color
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义yo-number名称
-
$width
Default | Length定义yo-number宽度
-
$height
Default | Length定义yo-number高度
-
$bordercolor
Default | Color定义yo-number边框色
-
$color
Default | Color定义yo-number输入框文本色
-
$sign-bgcolor
Default | Color定义yo-number加减号背景色
-
$sign-color
Default | Color定义yo-number加减号文本色
-
$disabled-sign-color
Default | Color定义yo-number禁用文本色
yo-popup
-
$name
-
$width
-
$height
-
$radius
-
$shadow-opacity
-
$bordercolor
-
$hd-height
-
$hd-bgcolor
-
$title-color
-
$title-font-size
-
$bd-padding
-
$arrow-size
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义popup名称
-
$width
Default | Length | null定义popup宽度
-
$height
Default | Length定义popup高度
-
$radius
Default | Length定义popup圆角
-
$shadow-opacity
Default | Number定义popup阴影透明度
-
$bordercolor
Default | Color定义popup边框色
-
$hd-height
Default | Length定义popup头部高度
-
$hd-bgcolor
Default | Color定义popup头部背景色
-
$title-color
Default | Color定义popup标题文本色
-
$title-font-size
Default | Length定义popup标题字号
-
$bd-padding
Default | Length定义popup主体补白
-
$arrow-size
Default | Length定义popup箭头高度
yo-rating
-
$name
-
$item-width
-
$item-height
-
$url
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义yo-rating名称
-
$item-width
Default | Length定义yo-rating 单项宽度
-
$item-height
Default | Length定义yo-rating 单项高度
-
$url
Default | Color定义yo-rating 图片url
yo-search
-
$name
-
$height
-
$font-size
-
$op-padding
-
$radius
-
$bordercolor
-
$bgcolor
-
$color
-
$on-bordercolor
-
$on-bgcolor
-
$placeholder-color
-
$ico-color
-
$cancel-color
-
$op-bgcolor
-
$mask-bgcolor
-
$cancel-width
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义yo-search名称
-
$height
Default | Length定义yo-search高度
-
$font-size
Default | Length定义yo-search文本大小
-
$op-padding
Default | Length定义yo-search内补白
-
$radius
Default | Length定义yo-search圆角
-
$bordercolor
Default | Color定义yo-search边框色
-
$bgcolor
Default | Color定义yo-search背景色
-
$color
Default | Color定义yo-search文本色
-
$on-bordercolor
Default | Color定义yo-search激活边框色
-
$on-bgcolor
Default | Color定义yo-search激活背景色
-
$placeholder-color
Default | Color定义yo-search占位背景色
-
$ico-color
Default | Color定义yo-search 操作区ico颜色
-
$cancel-color
Default | Color定义yo-search取消按钮颜色
-
$op-bgcolor
Default | Color定义yo-search搜索区域背景色
-
$mask-bgcolor
Default | Color定义yo-search遮罩背景色
-
$cancel-width
Default | Length取消按钮区域宽度
yo-select
-
$name
-
$width
-
$height
-
$bordercolor
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义select名称
-
$width
Default | Length定义select显示的子项个数
-
$height
Default | Length定义select子项高度
-
$bordercolor
Default | Color定义select边框色
yo-switch
-
$name
-
$checked-bordercolor
-
$checked-bgcolor
-
$bordercolor
-
$bgcolor
-
$ball-color
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义switch名称
-
$checked-bordercolor
Default | Color定义switch激活边框色
-
$checked-bgcolor
Default | Color定义switch激活背景色
-
$bordercolor
Default | Color定义switch边框色
-
$bgcolor
Default | Color定义switch背景色
-
$ball-color
Default | Color定义switch滑块色
yo-switchable
-
$name
-
$has-btn
-
$btn-size
-
$btn-bgcolor
-
$btn-color
-
$btn-active-bgcolor
-
$btn-active-color
-
$index-size
-
$index-bgcolor
-
$index-on-bgcolor
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String扩展的名称
-
$has-btn
Default | Boolen是否有按钮
-
$btn-size
Default | Length按钮大小
-
$btn-bgcolor
Default | Length按钮背景色
-
$btn-color
Default | Length按钮文本色
-
$btn-active-bgcolor
Default | Color按钮按下背景色
-
$btn-active-color
Default | Length按钮按下文本色
-
$index-size
Default | Length索引大小
-
$index-bgcolor
Default | Color索引背景色
-
$index-on-bgcolor
Default | Length索引当前项背景色
yo-tab
-
$name
-
$height
-
$radius
-
$border-width
-
$bordercolor
-
$bgcolor
-
$color
-
$on-bgcolor
-
$on-color
-
$font-size
-
$x-ico-size
-
$y-ico-size
-
$only-ico-size
-
$item-border-height
-
$item-bordercolor
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String扩展的名称
-
$height
Default | Length组件高度
-
$radius
Default | Length圆角半径
-
$border-width
Default | Length边框厚度
-
$bordercolor
Default | Color边框色
-
$bgcolor
Default | Color背景色
-
$color
Default | Color文本色
-
$on-bgcolor
Default | Color激活时背景色
-
$on-color
Default | Color激活时文本色
-
$font-size
Default | Color文本字号
-
$x-ico-size
Default | Color子项内容为水平ico时,ico的大小
-
$y-ico-size
Default | Color子项内容为垂直ico时,ico的大小
-
$only-ico-size
Default | Color子项内容仅有ico时,ico的大小
-
$item-border-height
Default | Length子项的间隔线高度
-
$item-bordercolor
Default | Color子项的间隔线颜色
yo-tip
-
$name
-
$padding
-
$radius
-
$bgcolor
-
$color
构造列表的自定义使用方法
使用方法,详见 Demo
Parameters:
-
$name
Default | String定义yo-tip名称
-
$padding
Default | Length定义yo-tip内补白
-
$radius
Default | Length定义yo-tip圆角
-
$bgcolor
Default | Color定义yo-tip背景色
-
$color
Default | Color定义yo-tip文本色