element
yo-badge
描述: 构造提醒气泡的自定义使用方法,可以扩展为:tag,文字ico等形态
版本: 1.0.0
源码位置: ./lib/element/yo-badge.scss:19
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$padding | Length | 内补白 | 1.4.0 |
$border-width | Length | 边框厚度 | 1.4.0 |
1.1.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
$color | Color | 文本色 | 1.0.0 |
$radius | Length | 圆角半径长度 | 1.0.0 |
$font-size | Length | 字号大小 | 1.0.0 |
yo-btn
描述: 构造按钮的自定义使用方法,勿使用`input`标签,因为边框为`::after`实现
版本: 1.0.0
源码位置: ./lib/element/yo-btn.scss:43
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$border-width | Length | 边框厚度 | 1.4.0 |
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
$color | Color | 文本色 | 1.0.0 |
1.3.1 |
|||
$active-border-color | Color | 触点(鼠标,手指或其它)按下时边框色 | 2.0.0 |
$active-bgcolor | Color | 触点(鼠标,手指或其它)按下时背景色 | 1.3.1 |
$active-color | Color | 触点(鼠标,手指或其它)按下时文本色 | 1.3.1 |
$padding | Length | 内补白 | 1.0.0 |
$radius | Length | 圆角半径长度 | 1.0.0 |
$font-size | Length | 字号大小 | 1.0.0 |
$width | Length | 宽度 | 1.8.0 |
$height | Length | 高度 | 1.8.0 |
yo-checked
描述: 构造单选多选的自定义使用方法,可同时作用于 checkbox 与 radio
版本: 1.0.0
源码位置: ./lib/element/yo-checked.scss:74
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$content | String | 标记(使用webfonts编码,可以是对勾,圆点或任意字符) | 1.4.0 |
$size | Length | 元件大小 | 1.0.0 |
$font-size | Length | 标记大小 | 1.4.0 |
$border-width | Length | 边框厚度 | 1.4.0 |
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
$color | Color | 标记色 | 1.4.0 |
1.3.1 |
|||
$on-border-color | Color | 选中时的边框色 | 2.0.0 |
$on-bgcolor | Color | 选中时的背景色 | 1.3.1 |
$on-color | Color | 选中时的标记色 | 1.0.0 |
$radius | Length | 圆角半径长度 | 1.3.1 |
yo-input
描述: 构造输入框的自定义使用方法,可同时作用于 input 与 textarea
版本: 1.0.0
源码位置: ./lib/element/yo-input.scss:21
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$width | Length | 宽度 | 1.0.0 |
$height | Length | 高度 | 1.0.0 |
$padding | Length | 内补白 | 1.0.0 |
$radius | Length | 圆角半径长度 | 1.0.0 |
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
$color | Color | 文本色 | 1.0.0 |
$placeholder-color | Color | placeholder文本色 | 1.0.0 |
yo-loading
描述: 构造加载中的自定义使用方法
版本: 1.0.0
源码位置: ./lib/element/yo-loading.scss:36
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$ico-size | Length | loading的尺寸 | 1.5.0 |
$ico-color | Color | loading的颜色 | 1.5.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
$mask-bgcolor | Color | 遮罩背景色 | 1.0.0 |
$font-size | Length | 文本字号 | 1.5.0 |
$color | Color | 文本颜色 | 1.5.0 |
$content | String | loading形态 | 1.5.0 |
yo-loadtip
描述: 构造加载提示的自定义使用方法
版本: 1.1.0
源码位置: ./lib/element/yo-loadtip.scss:33
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.1.0 |
$color | Color | 文本色 | 1.1.0 |
$font-size | Length | 字号大小 | 1.1.0 |
$ico-color | Color | ico颜色 | 1.1.0 |
yo-range
描述: 构造区间选择的自定义使用方法(安卓4.3及以下有点问题)
版本: 1.0.0
源码位置: ./lib/element/yo-range.scss:48
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$inner-bgcolor | Color | 已选择区域滑条色 | 1.0.0 |
$outer-bgcolor | Color | 未选择区域滑条色 | 1.0.0 |
$ball-color | Color | 滑块色 | 1.0.0 |
yo-score
描述: 构造评分展示的自定义使用方法
版本: 1.3.1
源码位置: ./lib/element/yo-score.scss:22
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.3.1 |
$item-width | Length | 单项宽度(指定尺寸时,宽高的比例需要和图片原始比例保持一致) | 1.3.1 |
$item-height | Length | 单项高度(指定尺寸时,宽高的比例需要和图片原始比例保持一致) | 1.3.1 |
$url | String | 背景图片url | 1.3.1 |
fragment
yo-actionsheet
描述: 构造actionsheet的自定义使用方法
版本: 2.1.1
源码位置: ./lib/fragment/yo-actionsheet.scss:51
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 2.1.1 |
$margin | Length | 外补白 | 2.1.1 |
$radius | Length | 圆角半径长度 | 2.1.1 |
$border-color | Color | 边线色 | 2.1.1 |
$bgcolor | Color | 子项背景色 | 2.1.1 |
$active-bgcolor | Color | 子项点击反馈背景色 | 2.1.1 |
$item-height | Length | 子项高度 | 2.1.1 |
$item-font-size | Length | 子项字号 | 2.1.1 |
$item-color | Color | 子项文本色 | 2.1.1 |
$item-light-color | Color | 重要操作子项文本色 | 2.1.4 |
yo-breadcrumb
描述: 构造面包屑的自定义使用方法
版本: 2.0.0
源码位置: ./lib/fragment/yo-breadcrumb.scss:27
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 2.0.0 |
$height | Length | 面包屑高度 | 2.0.0 |
$bgcolor | Color | 面包屑背景色 | 2.0.0 |
$color | Color | 面包屑文本色 | 2.0.0 |
$arrow-color | Color | 面包屑间隔色 | 2.0.0 |
$item-space | Length | 面包屑子项间隙 | 2.0.0 |
yo-card
描述: 构造卡片的自定义使用方法
版本: 2.1.2
源码位置: ./lib/fragment/yo-card.scss:94
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 2.1.2 |
$margin | Length | 外边距 | 2.1.2 |
$radius | Length | 圆角半径长度 | 2.1.2 |
$border-width | Length | 边框厚度 | 2.1.2 |
$border-color | Color | 边框颜色 | 2.1.2 |
$bgcolor | Color | 背景色 | 2.1.2 |
$color | Color | 文本色 | 2.1.2 |
$font-size | Length | 文本字号 | 2.1.2 |
$hd-border-width | Length | 头部边框厚度 | 2.1.2 |
$hd-border-color | Color | 头部边框色 | 2.1.2 |
$ft-border-width | Length | 底部边框厚度 | 2.1.2 |
$ft-border-color | Color | 底部边框色 | 2.1.2 |
yo-header
描述: 构造头的自定义使用方法
版本: 1.0.0
源码位置: ./lib/fragment/yo-header.scss:49
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$height | Length | 高度 | 1.0.0 |
$item-width | Length | 两侧子项操作区宽度 | 1.0.0 |
$item-space | Length | 两侧子项离边界的间隙 | 1.0.0 |
$border-width | Length | 边框厚度 | 1.8.3 |
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
$color | Color | 文本色 | 1.0.0 |
$font-size | Length | 字号大小 | 1.0.0 |
$item-color | Color | 两侧子项操作区文本色 | 1.2.0 |
$item-ico-color | Color | 两侧子项操作区ico色 | 1.8.0 |
$item-font-size | Length | 两侧子项操作区字号大小 | 1.0.0 |
$item-ico-size | Length | 两侧子项操作区ico大小 | 1.4.0 |
yo-list
描述: 构造列表的自定义使用方法
版本: 1.0.0
源码位置: ./lib/fragment/yo-list.scss:124
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$margin | Length | 外边距 | 1.0.0 |
$radius | Length | 圆角半径长度 | 1.0.0 |
$border-width | Length | 外边框厚度 | 1.4.0 |
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
$item-padding | Length | 子项的内补白 | 1.0.0 |
$label-padding | Length | 列表组头内补白 | 1.0.0 |
$label-bgcolor | Color | 列表组头背景色 | 1.0.0 |
$active-bgcolor | Color | 子项点击反馈背景色 | 1.0.0 |
$on-bgcolor | Color | 子项选中背景色 | 1.0.0 |
$on-color | Color | 子项选中文本色 | 1.4.0 |
2.1.0 |
|||
1.2.0 |
|||
$item-border-color | Color | 子项边框色 | 2.0.0 |
1.2.0 |
|||
$label-border-color | Color | 列表组头边框色 | 2.0.0 |
$item-font-size | Length | 子项字号 | 1.2.0 |
$label-font-size | Length | 列表组头字号 | 1.2.0 |
$item-border-space | Length | 子项边线左侧偏移量 | 1.8.0 |
$more-font-size | Length | 更多区域字号 | 2.0.0 |
$more-color | Color | 更多区域文本色 | 2.0.0 |
yo-proportion
描述: 构造比例条的自定义使用方法
版本: 2.0.0
源码位置: ./lib/fragment/yo-proportion.scss:28
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 2.0.0 |
$margin | Length | 外边距 | 2.0.0 |
$bgcolor | Color | 底色 | 2.0.0 |
$height | Length | 高度 | 2.0.0 |
$min-height | Length | 最小高度 | 2.0.0 |
$color | Color | 文本色 | 2.0.0 |
$font-size | Length | 文本字号 | 2.0.0 |
$inner-bgcolor | Color | 当前状态色 | 2.0.0 |
yo-search
描述: 构造搜索框的自定义使用方法
版本: 2.1.2
源码位置: ./lib/fragment/yo-search.scss:59
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 2.1.2 |
$padding | Length | 搜索框区域内边距 | 2.1.2 |
$bgcolor | Color | 搜索框区域底色 | 2.1.2 |
$radius | Length | 搜索框及搜索按钮圆角 | 2.1.2 |
$input-height | Length | 搜索框高度 | 2.1.2 |
$input-border-color | Color | 搜索框边框色 | 2.1.2 |
$input-bgcolor | Color | 搜索框底色 | 2.1.2 |
$button-bgcolor | Color | 搜索按钮底色 | 2.1.2 |
$button-color | Color | 搜索按钮文本色 | 2.1.2 |
$cancel-color | Color | 取消操作区文本色 | 2.1.2 |
yo-table
描述: 构造表格的自定义使用方法
版本: 1.0.0
源码位置: ./lib/fragment/yo-table.scss:52
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$width | String | 宽度 | 1.0.0 |
$has-vertical-border | Boole | 是否需要纵向边框 | 1.0.0 |
$thead-padding | Length | 头部内补白 | 1.0.0 |
$tbody-padding | Length | 主体内补白 | 1.0.0 |
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
$thead-bgcolor | Color | 头部背景色 | 1.0.0 |
$odd-bgcolor | Color | 主体奇数行背景色 | 1.0.0 |
$even-bgcolor | Color | 主体偶数行背景色 | 1.0.0 |
$active-bgcolor | Color | 主体激活背景色 | 1.0.0 |
$on-bgcolor | Color | 主体选中背景色 | 1.0.0 |
yo-toolbar
描述: 构造工具条的自定义使用方法
版本: 2.1.2
源码位置: ./lib/fragment/yo-toolbar.scss:42
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 2.1.2 |
$width | Length | 工具条固定宽度 | 2.1.2 |
$height | Length | 工具条固定高度 | 2.1.2 |
$border-width | Length | 边框厚度 | 2.1.2 |
$border-color | Color | 边框颜色 | 2.1.2 |
$bgcolor | Color | 背景色 | 2.1.2 |
$color | Color | 文本色 | 2.1.2 |
$on-bgcolor | Color | 选中时背景色 | 2.1.2 |
$on-color | Color | 选中时文本色 | 2.1.2 |
$item-padding | Length | 子项内补白 | 2.1.2 |
$radius | Length | 圆角半径长度 | 2.1.2 |
$font-size | Length | 文本字号 | 2.1.2 |
yo-vcode
描述: 构造验证码/密码输入框的自定义使用方法
版本: 2.0.0
源码位置: ./lib/fragment/yo-vcode.scss:33
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 2.0.0 |
$height | Length | 高度 | 2.0.0 |
$bgcolor | Color | 背景色 | 2.0.0 |
$radius | Length | 圆角半径长度 | 2.0.0 |
$font-size | Length | 字号大小 | 2.0.0 |
$border-width | Length | 边框厚度 | 2.0.0 |
$border-color | Color | 边框色 | 2.0.0 |
layout
yo-align
描述: 构造弹性布局内容对齐使用方法,可以是横向和纵向
版本: 1.8.0
源码位置: ./lib/layout/yo-align.scss:8
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.8.0 |
1.8.0 |
|||
$justify-content | String | 指定主轴对齐方式 | 2.0.0 |
1.8.0 |
|||
$align-items | String | 指定侧轴对齐方式 | 2.0.0 |
yo-flex
描述: 构造弹性布局使用方法,可以是横向和纵向
版本: 1.4.0
源码位置: ./lib/layout/yo-flex.scss:29
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.4.0 |
1.4.0 |
|||
$direction | String | 指定是水平或者垂直布局 | 1.4.0 |
yo-stacked
描述: 构造独立区块布局
版本: 1.0.0
源码位置: ./lib/layout/yo-stacked.scss:8
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$margin | Length | 外边距 | 1.0.0 |
widget
yo-datepicker
描述: 构造yo-datepicker的自定义使用方法
版本: 1.8.1
源码位置: ./lib/widget/yo-datepicker.scss:138
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.8.1 |
$week-bar-height | Length | 定义星期bar高度 | 1.8.1 |
$week-bar-bgcolor | Color | 定义星期bar背景色 | 1.8.1 |
$week-bar-color | Color | 定义星期bar文本色 | 1.8.1 |
$week-bar-font-size | Length | 定义星期bar字号 | 1.8.1 |
$month-bar-height | Length | 定义月份bar高度 | 1.8.1 |
1.8.1 |
|||
$month-bar-border-color | Color | 定义月份bar边线色 | 2.0.0 |
$month-bar-bgcolor | Color | 定义月份bar背景色 | 1.8.1 |
$month-bar-color | Color | 定义月份bar文本色 | 1.8.1 |
$month-bar-font-size | Length | 定义月份bar字号 | 1.8.1 |
$week-height | Length | 定义每行高度 | 1.8.1 |
1.8.1 |
|||
$week-border-color | Color | 定义每行边线色 | 2.0.0 |
$week-color | Color | 定义每行文本色 | 1.8.1 |
$day-height | Length | 定义每日高度 | 1.8.1 |
$day-margin | Length | 定义每日间距 | 1.8.1 |
$day-radius | Length | 定义每日圆角 | 1.8.1 |
$day-font-size | Length | 定义每日字号 | 1.8.1 |
$special-color | Color | 定义特殊日文本色 | 1.8.1 |
$weekend-color | Color | 定义周末文本色 | 1.8.1 |
$disabled-color | Color | 定义禁用日子文本色 | 1.8.1 |
$on-bgcolor | Color | 定义选中日期背景色 | 1.8.1 |
$on-color | Color | 定义选中日期文本色 | 1.8.1 |
$on-tip-color | Color | 定义选中日期提示语文本色 | 1.8.1 |
$on-tip-font-size | Length | 定义选中日期提示语字号 | 1.8.1 |
$start-content | String | 定义开始日期提示语 | 1.8.1 |
$end-content | String | 定义结束日期提示语 | 1.8.1 |
$range-bgcolor | Color | 选中日期段背景 | 2.1.1 |
yo-dialog
描述: 构造yo-dialog的自定义使用方法
版本: 1.0.0
源码位置: ./lib/widget/yo-dialog.scss:75
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$width | Length | 宽度 | 1.0.0 |
$height | Length | 高度 | 1.0.0 |
$radius | Length | 圆角半径长度 | 1.0.0 |
1.0.0 |
|||
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
1.0.0 |
|||
1.0.0 |
|||
$title-color | Color | 标题文本色 | 1.0.0 |
$title-font-size | Length | 标题字号 | 1.0.0 |
$bd-padding | Length | 主体内补白 | 1.0.0 |
$bd-font-size | Length | 主体字号 | 1.0.0 |
yo-doublelist
描述: 构造yo-doublelist的自定义使用方法(原yo-dblist)
版本: 1.8.6
源码位置: ./lib/widget/yo-doublelist.scss:21
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.3.1 |
$aside-width | Length | 侧边栏宽度 | 1.3.1 |
$aside-order | Integer | 侧边栏顺序 | 1.3.1 |
yo-group
描述: 构造yo-group自定义使用方法
版本: 1.0.0
源码位置: ./lib/widget/yo-group.scss:29
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$top | Length | 顶部偏移值 | 1.0.0 |
yo-index
描述: 构造yo-index的自定义使用方法
版本: 1.0.0
源码位置: ./lib/widget/yo-index.scss:18
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$width | Length | 宽度 | 1.0.0 |
$color | Color | 文本色 | 1.0.0 |
$font-size | Length | 文本字号 | 1.0.0 |
yo-mask
描述: 构造yo-mask的自定义使用方法
版本: 1.0.0
源码位置: ./lib/widget/yo-mask.scss:13
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
yo-number
描述: 构造列表的自定义使用方法
版本: 1.0.0
源码位置: ./lib/widget/yo-number.scss:54
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$width | Length | 宽度 | 1.0.0 |
$height | Length | 高度 | 1.0.0 |
$outer-radius | Length | 外边框圆角半径 | 2.0.0 |
$outer-border-width | Length | 外边框厚度 | 2.0.0 |
$inner-radius | Length | 内边框圆角半径 | 2.0.0 |
$inner-border-width | Length | 内边框厚度 | 2.0.0 |
1.0.0 |
|||
$border-color | Color | 外边框色 | 2.0.0 |
$color | Color | 输入框文本色 | 1.0.0 |
$sign-bgcolor | Color | 加减号背景色 | 1.0.0 |
$sign-color | Color | 加减号文本色 | 1.0.0 |
1.0.0 |
|||
$font-size | Length | 输入框字号 | 2.0.0 |
yo-panel
描述: 构造yo-panel的自定义使用方法
版本: 1.6.0
源码位置: ./lib/widget/yo-panel.scss:29
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.6.0 |
$top | Length | 顶部偏移值 | 1.6.0 |
yo-rating
描述: 构造yo-rating的自定义使用方法
版本: 1.2.0
源码位置: ./lib/widget/yo-rating.scss:71
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.2.0 |
$item-width | Length | 单项宽度 | 1.2.0 |
$item-height | Length | 单项高度 | 1.2.0 |
$url | String | 星星图片url | 1.3.1 |
示例:
假设你需要只读状态,可以这样:
<div class="yo-rating yo-rating-readonly">...</div>
yo-select
描述: 构造yo-select的自定义使用方法(2.1.2版本优化了内部实现,精简了代码层级,匹配的kami版本为:)
版本: 1.0.0
源码位置: ./lib/widget/yo-select.scss:67
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$item | Integer | 显示的子项个数 | 1.0.0 |
$item-height | Length | 子项高度 | 1.0.0 |
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
yo-slidermenu
描述: 构造yo-slidermenu的自定义使用方法
版本: 1.4.0
源码位置: ./lib/widget/yo-slidermenu.scss:41
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.4.0 |
$action-width | Length | action宽度 | 1.4.0 |
$action-bgcolor | Color | action背景色 | 1.4.0 |
yo-suggest
描述: 构造yo-suggest的自定义使用方法(原yo-search)
版本: 1.6.0
源码位置: ./lib/widget/yo-suggest.scss:123
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$height | Length | 高度 | 1.0.0 |
$font-size | Length | 字号大小 | 1.0.0 |
$op-padding | Length | 搜索区内补白 | 1.0.0 |
$radius | Length | 搜索框圆角半径长度 | 1.0.0 |
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
$color | Color | 文本色 | 1.0.0 |
1.0.0 |
|||
$on-border-color | Color | 激活边框色 | 2.0.0 |
$on-bgcolor | Color | 激活背景色 | 1.0.0 |
$placeholder-color | Color | 占位符背景色 | 1.0.0 |
$ico-color | Color | 操作区ico颜色 | 1.0.0 |
$cancel-color | Color | 取消按钮颜色 | 1.0.0 |
$op-bgcolor | Color | 搜索区域背景色 | 1.0.0 |
$mask-bgcolor | Color | 遮罩背景色 | 1.0.0 |
$cancel-width | Length | 取消按钮区域宽度 | 1.4.0 |
yo-switch
描述: 构造yo-switch的自定义使用方法
版本: 1.0.0
源码位置: ./lib/widget/yo-switch.scss:55
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
1.0.0 |
|||
2.0.0 |
|||
$checked-bgcolor | Color | 定义switch激活背景色 | 1.0.0 |
1.0.0 |
|||
2.0.0 |
|||
$bgcolor | Color | 定义switch背景色 | 1.0.0 |
$follow-bgcolor | Color | 定义switch跟随背景色 | 2.1.2 |
$ball-color | Color | 定义switch滑块色 | 1.0.0 |
yo-switchable
描述: 构造yo-switchable的自定义使用方法
版本: 1.0.0
源码位置: ./lib/widget/yo-switchable.scss:61
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
1.0.0 |
|||
$btn-size | Color | 按钮大小 | 1.0.0 |
$btn-bgcolor | Color | 按钮背景色 | 1.0.0 |
$btn-color | Color | 按钮文本色 | 1.0.0 |
$btn-active-bgcolor | Color | 按钮按下背景色 | 1.0.0 |
$btn-active-color | Color | 按钮按下文本色 | 1.0.0 |
$index-size | Length | 索引大小 | 1.0.0 |
$index-bgcolor | Color | 索引背景色 | 1.0.0 |
$index-on-bgcolor | Color | 索引当前项背景色 | 1.0.0 |
yo-tab
描述: 构造列表的自定义使用方法
版本: 1.0.0
源码位置: ./lib/widget/yo-tab.scss:79
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$width | Length | 宽度 | 1.8.3 |
$height | Length | 高度 | 1.0.0 |
$radius | Length | 圆角半径长度 | 1.3.1 |
$border-width | Length | 边框厚度 | 1.0.0 |
1.0.0 |
|||
$border-color | Color | 边框色 | 2.0.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
$color | Color | 文本色 | 1.0.0 |
$on-bgcolor | Color | 激活时背景色 | 1.0.0 |
$on-color | Color | 激活时文本色 | 1.0.0 |
$font-size | Length | 文本字号 | 1.2.0 |
$x-ico-size | Length | 子项内容为水平ico时,ico的大小 | 1.2.0 |
$y-ico-size | Length | 子项内容为垂直ico时,ico的大小 | 1.2.0 |
$only-ico-size | Length | 子项内容仅有ico时,ico的大小 | 1.2.0 |
$item-border-height | Length | 子项的间隔线高度 | 1.3.1 |
1.3.1 |
|||
$item-border-color | Color | 子项的间隔线颜色 | 2.0.0 |
yo-tip
描述: 构造列表的自定义使用方法
版本: 1.0.0
源码位置: ./lib/widget/yo-tip.scss:38
Demo地址: 点击访问
参数名 | 类型 | 描述 | 支持版本 |
---|---|---|---|
$name | String | 定义扩展名称 | 1.0.0 |
$padding | Length | 内补白 | 1.0.0 |
$radius | Length | 圆角半径长度 | 1.0.0 |
$bgcolor | Color | 背景色 | 1.0.0 |
$color | Color | 文本色 | 1.0.0 |
$arrow-size | Length | 箭头大小 | 2.1.1 |