Yo API
Yo 是一款基于 Mobile First 理念而设计的 CSS Framework,当然,你使用在PC高级浏览器中也完全没有问题;其具备轻量,易用,快速且高度强大的自定义能力。
Yo 是一款基于 Mobile First 理念而设计的 CSS Framework,当然,你使用在PC高级浏览器中也完全没有问题;其具备轻量,易用,快速且高度强大的自定义能力。
描述信息:定义旋转从左向下进入动画
描述信息:定义旋转从右向下进入动画
描述信息:定义旋转从左向上进入动画
描述信息:定义旋转从右向上进入动画
描述信息:定义旋转从左往下退出动画
描述信息:定义旋转从右往下退出动画
描述信息:定义旋转从左向上退出动画
描述信息:定义旋转从右向上退出动画
描述信息:给需要的属性加厂家前缀
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$property | String | 指定属性 | |
$value | String | 指定属性值 |
描述信息:四则运算,安卓需要使用该方法,需要Android4.4及以上
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$property | String | 指定需要进行计算的CSS属性 | |
$value | String | 与原生CSS语法一致,区别在于需要使用引号包裹表达式 |
示例(代码形式):
@include calc(width, "100% - 100px");
描述信息:定义响应式方案
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$media | String | 指定媒体查询条件 |
描述信息:清除浮动方案
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$type | String | 指定清除浮动的方式,包括:pseudo-element | bfc,默认值:pseudo-element | 1.8.5 |
描述信息:未知尺寸元素垂直居中解决方案
示例(代码形式):
.demo {@include valign;}
描述信息:已知尺寸元素垂直居中解决方案
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$width | Length | 居中元素的宽度 | |
$height | Length | 居中元素的高度 |
描述信息:定义根节点
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$root-scroll | String | 指定scroll类型,取值overflow属性的标准值 |
描述信息:定义是否有滚动条
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$overflow | String | 默认值:auto,取值与最新原生语法一致 |
描述信息:生成全屏方法
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$z-index | Integer | 定义层叠级别 | |
$position | Keywords | 定义定位方式,除 static | relative 之外的值 |
描述信息:滤镜
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$filter | String | 取值与原生语法一致 |
描述信息:定义UA默认外观
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$appearance | String | 指定UA外观类型 |
描述信息:定义是否可以选中元素
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$user-select | String | 指定是否可以选中 |
描述信息:定义盒模型
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$box-sizing | String | 取值与`box-sizing`属性一致 |
描述信息:定义渐变色值
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$type | String | 指定渐变的4种类型:linear, repeating-linear, radial, repeating-radial | |
$gradient | String | 指定渐变取值,与w3c最新原生语法一致 |
描述信息:定义背景图像缩放(AndroidBrowser2.3.*还需要厂商前缀)
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$background-size | Keywords | Length | 指定背景图缩放值,取值与`background-size`属性一致 |
描述信息:定义背景裁减(AndroidBrowser2.3.*还需要厂商前缀)
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$background-clip | Keywords | 指定背景图缩放值,取值与`background-clip`属性一致 |
描述信息:定义背景显示区域(AndroidBrowser2.3.*还需要厂商前缀)
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$background-origin | Keywords | 指定背景图`background-position`属性计算相对的参考点,取值与`background-origin`属性一致 |
描述信息:定义圆角
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$border-radius | Length | 指定元素的圆角半径,取值与`border-radius`属性一致 |
描述信息:定义显示类型为伸缩盒
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$flexbox | String | 默认值:flex,可选值:flex | inline-flex |
描述信息:定义伸缩盒子元素如何分配空间
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$flex | String | 默认值:1,取值与最新原生语法一致 | |
$direction | String | 默认值: row |
描述信息:定义伸缩盒子元素的排版顺序
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$order | String | 默认值:1,取值范围与最新草案语法一致 |
描述信息:定义伸缩盒子元素的流动方向
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$flex-direction | String | 默认值:row,取值范围与最新草案语法一致 |
描述信息:定义弹性盒子元素溢出排版
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$flex-wrap | String | 默认值:nowrap,取值范围与最新草案语法一致 |
描述信息:定义弹性容器主轴对齐方式
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$justify-content | String | 默认值:center,取值范围与最新草案语法一致 |
源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:642
版本号:1.8.5
描述信息:定义多行弹性容器侧轴对齐方式
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$align-content | String | 默认值:center,取值范围与最新草案语法一致 |
描述信息:定义单行弹性容器侧轴对齐方式
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$align-items | String | 默认值:center,取值与最新原生语法一致 |
描述信息:定义弹性容器中子元素自身的在侧轴对齐方式
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$align-self | String | 默认值:center,取值与最新原生语法一致 |
描述信息:生成矩形方法
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$width | Length | 定义矩形的长度 | |
$height | Length | 定义矩形的高度 |
描述信息:生成正方形方法
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$size | Length | 定义正方形的边长 |
描述信息:生成圆形方法
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$size | Length | 定义圆的半径长度 | |
$radius | Length | 定义圆的圆角半径长度 |
描述信息:链接处理方法
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$color | Color | 定义链接颜色 |
描述信息:单行文本溢出显示方案
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$ellipsis | Boolen | 定义是否需要省略号 |
描述信息:定义简单变换
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$transform | String | 取值与原生语法一致 |
描述信息:定义变换原点
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$transform-origin | String | 取值与原生语法一致 |
描述信息:定义动画
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$animation | String | 取值与原生语法一致 |
描述信息:定义补间
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$transition | String | 取值与原生语法一致 |
描述信息:构造提醒气泡的自定义使用方法,可以扩展为:tag,文字ico等形态
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$padding | Length | 内补白 | |
$border-width | Length | 边框厚度 | |
$bordercolor | Color | 边框色 | |
$bgcolor | Color | 背景色 | |
$color | Color | 文本色 | |
$radius | Length | 圆角半径长度 | |
$font-size | Length | 字号大小 |
描述信息:构造按钮的自定义使用方法,可轻松自定义边框,尺寸,背景,文字等
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的按钮扩展定义一个名称 | |
$border-width | Length | 按钮边框厚度 | |
$bordercolor | Color | 按钮边框色 | |
$bgcolor | Color | 按钮背景色 | |
$color | Color | 按钮文本色 | |
$active-bordercolor | Color | 触点(鼠标,手指或其它)按下时的按钮边框色 | |
$active-bgcolor | Color | 触点(鼠标,手指或其它)按下的按钮背景色 | |
$active-color | Color | 触点(鼠标,手指或其它)按下的按钮文本色 | |
$padding | Length | 按钮内补白 | |
$radius | Length | 按钮圆角半径长度 | |
$font-size | Length | 按钮字号大小 | |
$width | Length | 按钮宽度 | |
$height | Length | 按钮高度 |
描述信息:构造单选多选的自定义使用方法,可同时作用于
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$content | String | 标记(对勾,圆点或者任意字符,可以是webfonts的编码) | |
$size | Length | 元件大小 | |
$font-size | Length | 标记大小 | |
$border-width | Length | 边框厚度 | |
$bordercolor | Color | 边框色 | |
$bgcolor | Color | 背景色 | |
$color | Color | 标记色 | |
$on-bordercolor | Color | 选中时的边框色 | |
$on-bgcolor | Color | 选中时的背景色 | |
$on-color | Color | 选中时的标记色 | |
$radius | Length | 圆角半径长度 |
描述信息:构造输入框的自定义使用方法,可同时作用于
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$width | Length | 宽度 | |
$height | Length | 高度 | |
$padding | Length | 内补白 | |
$radius | Length | 圆角半径长度 | |
$bordercolor | Color | 边框色 | |
$bgcolor | Color | 背景色 | |
$color | Color | 文本色 | |
$placeholder-color | Color | placeholder文本色 |
描述信息:构造加载中的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$ico-size | Length | loading的尺寸 | |
$ico-color | Color | loading的颜色 | |
$bgcolor | Color | 背景色 | |
$mask-bgcolor | Color | 遮罩背景色 | |
$font-size | Length | 文本字号 | |
$color | Color | 文本颜色 | |
$content | String | loading形态 |
描述信息:构造加载提示的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$color | Color | 文本色 | |
$font-size | Length | 字号大小 | |
$ico-color | Color | ico颜色 |
描述信息:构造区间选择的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$inner-bgcolor | Color | 已选择区域滑条色 | |
$outer-bgcolor | Color | 未选择区域滑条色 | |
$ball-color | Color | 滑块色 |
描述信息:构造评分展示的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$item-width | Length | 单项宽度 | |
$item-height | Length | 单项高度 | |
$url | String | 背景图片url |
描述信息:构造按钮组的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$radius | Length | 圆角半径长度 |
描述信息:构造头的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义yo-header名称 | |
$height | Length | 定义yo-header高度 | |
$item-width | Length | 定义yo-header两侧子项宽度 | |
$item-space | Length | 定义yo-header两侧子项离边界的间隙 | |
$bordercolor | Color | 定义yo-header边框色 | |
$bgcolor | Color | 定义yo-header背景色 | |
$color | Color | 定义yo-header文本色 | |
$font-size | Length | 定义yo-header文本大小 | |
$item-color | Color | 定义yo-header两侧的子项文本色 | |
$item-ico-color | Color | 定义yo-header两侧的ico色 | |
$item-font-size | Length | 定义yo-header两侧的子项文本大小 | |
$item-ico-size | Length | 定义yo-header两侧的ico大小 |
描述信息:构造列表的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义list名称 | |
$margin | Length | 定义list外边距 | |
$radius | Length | 定义list圆角 | |
$border-width | Length | 定义list外边框厚度 | |
$bordercolor | Color | 定义list边框色 | |
$item-padding | Length | 定义list项的内补白 | |
$label-padding | Length | 定义list分组标题内补白 | |
$label-bgcolor | Color | 定义list分组标题背景色 | |
$active-bgcolor | Color | 定义list点击反馈背景色 | |
$on-bgcolor | Color | 定义list选中背景色 | |
$on-color | Color | 定义list选中文本色 | |
$item-bordercolor | Color | 定义list子项边框色 | |
$label-bordercolor | Color | 定义list子项组头边框色 | |
$item-font-size | Length | 定义list项字号 | |
$label-font-size | Length | 定义list列表组头字号 | |
$item-border-space | Length | 列表项下边线距离左侧的间隙 |
描述信息:构造表格的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义table名称 | |
$width | String | 定义table长度 | |
$has-vertical-border | Boole | 定义table是否需要纵向边框 | |
$thead-padding | Length | 定义table头部内补白 | |
$tbody-padding | Length | 定义table主体内补白 | |
$bordercolor | Color | 定义table边框色 | |
$thead-bgcolor | Color | 定义table头部背景色 | |
$odd-bgcolor | Color | 定义table奇数行背景色 | |
$even-bgcolor | Color | 定义table偶数行背景色 | |
$active-bgcolor | Color | 定义table激活背景色 | |
$on-bgcolor | Color | 定义table选中背景色 |
描述信息:构造弹性布局内容对齐使用方法,可以是横向和纵向
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$text-align | String | 指定水平对齐方式 | |
$vertical-align | String | 指定垂直对齐方式 |
描述信息:构造弹性布局使用方法,可以是横向和纵向
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 为新的扩展定义一个名称 | |
$box | String | 指定块级或者行级弹性盒 | |
$direction | String | 指定是水平或者垂直布局 |
描述信息:构造yo-datepicker的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义扩展名称 | |
$week-bar-height | Length | 定义星期bar高度 | |
$week-bar-bgcolor | Color | 定义星期bar背景色 | |
$week-bar-color | Color | 定义星期bar文本色 | |
$week-bar-font-size | Length | 定义星期bar字号 | |
$month-bar-height | Length | 定义月份bar高度 | |
$month-bar-bordercolor | Color | 定义月份bar边线色 | |
$month-bar-bgcolor | Color | 定义月份bar背景色 | |
$month-bar-color | Color | 定义月份bar文本色 | |
$month-bar-font-size | Length | 定义月份bar字号 | |
$week-height | Length | 定义每行高度 | |
$week-bordercolor | Color | 定义每行边线色 | |
$week-color | Color | 定义每行文本色 | |
$day-height | Length | 定义每日高度 | |
$day-margin | Length | 定义每日间距 | |
$day-radius | Length | 定义每日圆角 | |
$day-font-size | Length | 定义每日字号 | |
$special-color | Color | 定义特殊日文本色 | |
$weekend-color | Color | 定义周末文本色 | |
$disabled-color | Color | 定义禁用日子文本色 | |
$on-bgcolor | Color | 定义选中日期背景色 | |
$on-color | Color | 定义选中日期文本色 | |
$on-tip-color | Color | 定义选中日期提示语文本色 | |
$on-tip-font-size | Length | 定义选中日期提示语字号 | |
$start-content | String | 定义开始日期提示语 | |
$end-content | String | 定义结束日期提示语 |
描述信息:构造yo-dblist的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 扩展的名称 | |
$aside-width | Length | 侧边栏宽度 | |
$aside-order | Length | 侧边栏顺序 |
描述信息:构造yo-dialog的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义dialog名称 | |
$width | Length | null | 定义dialog宽度 | |
$height | Length | 定义dialog高度 | |
$radius | Length | 定义dialog圆角 | |
$shadow-opacity | Number | 定义dialog阴影透明度 | |
$bordercolor | Color | 定义dialog边框色 | |
$hd-height | Length | 定义dialog头部高度 | |
$hd-bgcolor | Color | 定义dialog头部背景色 | |
$title-color | Color | 定义dialog标题文本色 | |
$title-font-size | Length | 定义dialog标题字号 | |
$bd-padding | Length | 定义dialog主体补白 | |
$bd-font-size | Length | 定义dialog主体字号 |
描述信息:构造yo-group自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义yo-group名称 | |
$top | Length | 定义yo-group顶部偏移值 |
描述信息:构造yo-index的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义yo-index名称 | |
$width | Length | 定义yo-index宽度 | |
$color | Color | 定义yo-index文本色 | |
$font-size | Length | 定义yo-index文本字号 |
描述信息:构造yo-mask的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义yo-mask名称 | |
$bgcolor | Color | 定义yo-mask背景色 |
描述信息:构造列表的自定义使用方法
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义yo-number名称 | |
$width | Length | 定义yo-number宽度 | |
$height | Length | 定义yo-number高度 | |
$bordercolor | Color | 定义yo-number边框色 | |
$color | Color | 定义yo-number输入框文本色 | |
$sign-bgcolor | Color | 定义yo-number加减号背景色 | |
$sign-color | Color | 定义yo-number加减号文本色 | |
$disabled-sign-color | Color | 定义yo-number禁用文本色 |
描述信息:构造yo-panel的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义yo-panel名称 | |
$top | Length | 定义yo-panel顶部偏移值 |
描述信息:构造yo-popup的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义popup名称 | |
$width | Length | null | 定义popup宽度 | |
$height | Length | 定义popup高度 | |
$radius | Length | 定义popup圆角 | |
$shadow-opacity | Number | 定义popup阴影透明度 | |
$bordercolor | Color | 定义popup边框色 | |
$hd-height | Length | 定义popup头部高度 | |
$hd-bgcolor | Color | 定义popup头部背景色 | |
$title-color | Color | 定义popup标题文本色 | |
$title-font-size | Length | 定义popup标题字号 | |
$bd-padding | Length | 定义popup主体补白 | |
$arrow-size | Length | 定义popup箭头高度 |
描述信息:构造yo-rating的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义yo-rating名称 | |
$item-width | Length | 定义yo-rating 单项宽度 | |
$item-height | Length | 定义yo-rating 单项高度 | |
$url | Color | 定义yo-rating 图片url |
描述信息:构造yo-select的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义select名称 | |
$width | Length | 定义select显示的子项个数 | |
$height | Length | 定义select子项高度 | |
$bordercolor | Color | 定义select边框色 |
描述信息:构造yo-slidermenu的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 扩展的名称 | |
$action-width | Length | 定义action宽度 | |
$action-bgcolor | Color | 定义action背景色 |
描述信息:构造yo-suggest的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义yo-suggest名称 | |
$height | Length | 定义yo-suggest高度 | |
$font-size | Length | 定义yo-suggest文本大小 | |
$op-padding | Length | 定义yo-suggest内补白 | |
$radius | Length | 定义yo-suggest圆角 | |
$bordercolor | Color | 定义yo-suggest边框色 | |
$bgcolor | Color | 定义yo-suggest背景色 | |
$color | Color | 定义yo-suggest文本色 | |
$on-bordercolor | Color | 定义yo-suggest激活边框色 | |
$on-bgcolor | Color | 定义yo-suggest激活背景色 | |
$placeholder-color | Color | 定义yo-suggest占位背景色 | |
$ico-color | Color | 定义yo-suggest 操作区ico颜色 | |
$cancel-color | Color | 定义yo-suggest取消按钮颜色 | |
$op-bgcolor | Color | 定义yo-suggest搜索区域背景色 | |
$mask-bgcolor | Color | 定义yo-suggest遮罩背景色 | |
$cancel-width | Length | 取消按钮区域宽度 |
描述信息:构造yo-switch的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义switch名称 | |
$checked-bordercolor | Color | 定义switch激活边框色 | |
$checked-bgcolor | Color | 定义switch激活背景色 | |
$bordercolor | Color | 定义switch边框色 | |
$bgcolor | Color | 定义switch背景色 | |
$ball-color | Color | 定义switch滑块色 |
描述信息:构造yo-switchable的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 扩展的名称 | |
$has-btn | Boolen | 是否有按钮 | |
$btn-size | Length | 按钮大小 | |
$btn-bgcolor | Length | 按钮背景色 | |
$btn-color | Length | 按钮文本色 | |
$btn-active-bgcolor | Color | 按钮按下背景色 | |
$btn-active-color | Length | 按钮按下文本色 | |
$index-size | Length | 索引大小 | |
$index-bgcolor | Color | 索引背景色 | |
$index-on-bgcolor | Length | 索引当前项背景色 |
描述信息:构造列表的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 扩展的名称 | |
$width | Length | 组件宽度 | 1.8.3 |
$height | Length | 组件高度 | |
$radius | Length | 圆角半径 | |
$border-width | Length | 边框厚度 | |
$bordercolor | Color | 边框色 | |
$bgcolor | Color | 背景色 | |
$color | Color | 文本色 | |
$on-bgcolor | Color | 激活时背景色 | |
$on-color | Color | 激活时文本色 | |
$font-size | Color | 文本字号 | |
$x-ico-size | Color | 子项内容为水平ico时,ico的大小 | |
$y-ico-size | Color | 子项内容为垂直ico时,ico的大小 | |
$only-ico-size | Color | 子项内容仅有ico时,ico的大小 | |
$item-border-height | Length | 子项的间隔线高度 | |
$item-bordercolor | Color | 子项的间隔线颜色 |
描述信息:构造列表的自定义使用方法
demo:查看示例
参数:
参数名 | 类型 | 描述 | 属性版本支持 |
---|---|---|---|
$name | String | 定义yo-tip名称 | |
$padding | Length | 定义yo-tip内补白 | |
$radius | Length | 定义yo-tip圆角 | |
$bgcolor | Color | 定义yo-tip背景色 | |
$color | Color | 定义yo-tip文本色 |