第一级moduleanimate
第三级elastic

elastic-in-down

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-in-down.scss:7

描述信息:定义弹性下落动画

demo:查看示例

示例(代码形式):

 
该元素将会被应用elastic-in-down动画

elastic-in-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-in-left.scss:7

描述信息:定义从左侧弹性进入动画

elastic-in-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-in-right.scss:7

描述信息:定义从右侧弹性进入动画

elastic-in-up

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-in-up.scss:7

描述信息:定义弹性升起动画

elastic-in

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-in.scss:7

描述信息:定义弹性进入动画

elastic-out-down

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-out-down.scss:7

描述信息:定义弹性向下移出动画

elastic-out-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-out-left.scss:7

描述信息:定义弹性向左移出动画

elastic-out-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-out-right.scss:7

描述信息:定义弹性向右移出动画

elastic-out-up

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-out-up.scss:7

描述信息:定义弹性向上移出动画

elastic-out

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-out.scss:7

描述信息:定义弹性移出动画

elastic-x

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-x.scss:7

描述信息:定义X轴弹性动画

elastic-y

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/elastic-y.scss:7

描述信息:定义Y轴弹性动画

第三级other

extrusion

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/extrusion.scss:7

描述信息:定义橡皮圈挤压回弹动画

flash

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/flash.scss:7

描述信息:定义闪烁动画

hinge

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/hinge.scss:7

描述信息:定义悬挂动画

pulse

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/pulse.scss:7

描述信息:定义脉冲动画

shake

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/shake.scss:7

描述信息:定义摇动动画

sling

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/sling.scss:7

描述信息:定义吊索动画

stretch

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/stretch.scss:7

描述信息:定义橡皮圈拉伸回弹动画

swing

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/swing.scss:7

描述信息:定义晃动动画

wobble

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/wobble.scss:7

描述信息:定义摆动动画

第三级fade

fade-in-down

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-in-down.scss:7

描述信息:定义淡入落下动画

fade-in-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-in-left.scss:7

描述信息:定义从左侧淡入动画

fade-in-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-in-right.scss:7

描述信息:定义从右侧淡入动画

fade-in-up

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-in-up.scss:7

描述信息:定义淡入升起动画

fade-in

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-in.scss:7

描述信息:定义淡入动画

fade-out-down

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-out-down.scss:7

描述信息:定义从下面淡出动画

fade-out-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-out-left.scss:7

描述信息:定义从左侧淡出动画

fade-out-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-out-right.scss:7

描述信息:定义从右侧淡出动画

fade-out-up

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-out-up.scss:7

描述信息:定义从上面淡出动画

fade-out

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/fade-out.scss:7

描述信息:定义淡出动画

第三级flip

flip-in-x

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/flip-in-x.scss:7

描述信息:定义翻转动画

flip-in-y

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/flip-in-y.scss:7

描述信息:定义翻转动画

flip-out-x

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/flip-out-x.scss:7

描述信息:定义翻转动画

flip-out-y

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/flip-out-y.scss:7

描述信息:定义翻转动画

flip

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/flip.scss:7

描述信息:定义翻转动画

第三级roll

roll-in-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/roll-in-left.scss:7

描述信息:定义从左侧翻滚进入动画

roll-in-righ

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/roll-in-right.scss:7

描述信息:定义从右侧翻滚进入动画

roll-out-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/roll-out-left.scss:7

描述信息:定义从左侧翻滚出去动画

roll-out-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/roll-out-right.scss:7

描述信息:定义从右侧翻滚出去动画

第三级rotate

rotate-in-down-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-in-down-left.scss:7

描述信息:定义旋转从左向下进入动画

rotate-in-down-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-in-down-right.scss:7

描述信息:定义旋转从右向下进入动画

rotate-in-up-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-in-up-left.scss:7

描述信息:定义旋转从左向上进入动画

rotate-in-up-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-in-up-right.scss:7

描述信息:定义旋转从右向上进入动画

rotate-in

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-in.scss:7

描述信息:定义旋转进入动画

rotate-out-down-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-out-down-left.scss:7

描述信息:定义旋转从左往下退出动画

rotate-out-down-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-out-down-right.scss:7

描述信息:定义旋转从右往下退出动画

rotate-out-up-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-out-up-left.scss:7

描述信息:定义旋转从左向上退出动画

rotate-out-up-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-out-up-right.scss:7

描述信息:定义旋转从右向上退出动画

rotate-out

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate-out.scss:7

描述信息:定义旋转退出动画

rotate

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/rotate.scss:7

描述信息:定义旋转动画

第三级speed

speed-in-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/speed-in-left.scss:7

描述信息:定义从左侧快速进入动画

speed-in-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/speed-in-right.scss:7

描述信息:定义从右侧快速进入动画

speed-out-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/speed-out-left.scss:7

描述信息:定义从左侧快速出去动画

speed-out-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/speed-out-right.scss:7

描述信息:定义从右侧快速出去动画

speed-in-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-in-left.scss:7

描述信息:定义从左侧放大进入动画

第三级zoom

zoom-in-down

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-in-down.scss:7

描述信息:定义放大下降进入动画

zoom-in-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-in-right.scss:7

描述信息:定义从右侧放大进入动画

zoom-in-up

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-in-up.scss:7

描述信息:定义放大上升进入动画

zoom-in

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-in.scss:7

描述信息:定义放大进入动画

zoom-out-down

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-out-down.scss:7

描述信息:定义下降缩小退出动画

zoom-out-left

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-out-left.scss:7

描述信息:定义从左往右缩小退出动画

zoom-out-right

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-out-right.scss:7

描述信息:定义从右往左缩小退出动画

zoom-out-up

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-out-up.scss:7

描述信息:定义上升缩小退出动画

zoom-out

源文件: /Users/duyao/yunpan/github/Yo/lib/ani/zoom-out.scss:7

描述信息:定义缩小退出动画

第一级modulecore
第三级功能

prefixMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:10

描述信息:给需要的属性加厂家前缀

参数:

参数名 类型 描述 属性版本支持
$property String 指定属性
$value String 指定属性值

calcMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:31

描述信息:四则运算,安卓需要使用该方法,需要Android4.4及以上

参数:

参数名 类型 描述 属性版本支持
$property String 指定需要进行计算的CSS属性
$value String 与原生CSS语法一致,区别在于需要使用引号包裹表达式

示例(代码形式):

 
四则运算
.calc { @include calc(width, "100% - 100px"); }

responsiveMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:55

描述信息:定义响应式方案

参数:

参数名 类型 描述 属性版本支持
$media String 指定媒体查询条件

clearfixMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:102

描述信息:清除浮动方案

参数:

参数名 类型 描述 属性版本支持
$type String 指定清除浮动的方式,包括:pseudo-element | bfc,默认值:pseudo-element 1.8.5

killspace

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:125

描述信息:清除行内级元素间间隙方案

valign

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:141

描述信息:未知尺寸元素垂直居中解决方案

示例(代码形式):

 
未知尺寸图片居中
.demo {@include valign;}

alignmentMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:164

描述信息:已知尺寸元素垂直居中解决方案

参数:

参数名 类型 描述 属性版本支持
$width Length 居中元素的宽度
$height Length 居中元素的高度

root-scrollMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:182

描述信息:定义文档根节点是否允许滚动

参数:

参数名 类型 描述 属性版本支持
$is-scroll Boolean 指定是否有滚动,默认值:false 1.8.6

overflowMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:202

描述信息:定义是否有滚动条

参数:

参数名 类型 描述 属性版本支持
$overflow String 取值与最新原生语法一致,默认值:auto

fullscreenMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:219

描述信息:生成全屏方法

参数:

参数名 类型 描述 属性版本支持
$z-index Integer 指定层叠级别
$position Keywords 指定定位方式,取除`static | relative`之外的值,默认值:absolute
第三级用户界面

filterMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:236

描述信息:定义使用何种滤镜

参数:

参数名 类型 描述 属性版本支持
$filter String 取值与`filter`属性一致

appearanceMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:247

描述信息:定义UA默认外观

参数:

参数名 类型 描述 属性版本支持
$appearance String 取值与`appearance`属性一致,默认值:none

user-selectMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:258

描述信息:定义如何选中内容

参数:

参数名 类型 描述 属性版本支持
$user-select String 取值与`user-select`属性一致,默认值:none

box-sizingMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:269

描述信息:定义盒模型

参数:

参数名 类型 描述 属性版本支持
$box-sizing String 指定盒模型类型,取值与`box-sizing`属性一致,默认值:border-box
第三级背景与边框

gradientMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:280

描述信息:定义渐变色值

参数:

参数名 类型 描述 属性版本支持
$type String 指定渐变的4种类型:linear, repeating-linear, radial, repeating-radial
$gradient String 指定渐变取值,与w3c最新原生语法一致

background-sizeMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:297

描述信息:定义背景图像缩放(AndroidBrowser2.3.*还需要厂商前缀)

参数:

参数名 类型 描述 属性版本支持
$background-size Keywords | Length 指定背景图缩放值,取值与`background-size`属性一致

background-clipMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:308

描述信息:定义背景裁减(AndroidBrowser2.3.*还需要厂商前缀)

参数:

参数名 类型 描述 属性版本支持
$background-clip Keywords 指定背景图缩放值,取值与`background-clip`属性一致

background-originMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:319

描述信息:定义背景显示区域(AndroidBrowser2.3.*还需要厂商前缀)

参数:

参数名 类型 描述 属性版本支持
$background-origin Keywords 指定背景图`background-position`属性计算相对的参考点,取值与`background-origin`属性一致

border-radiusMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:330

描述信息:定义圆角

参数:

参数名 类型 描述 属性版本支持
$border-radius Length 指定元素的圆角半径,取值与`border-radius`属性一致
第三级弹性盒

flexboxMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:407

描述信息:定义显示类型为伸缩盒

参数:

参数名 类型 描述 属性版本支持
$flexbox String 默认值:flex,可选值:flex | inline-flex

flexMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:440

描述信息:定义伸缩盒子元素如何分配空间

参数:

参数名 类型 描述 属性版本支持
$flex String 默认值:1,取值与最新原生语法一致
$direction String 默认值: row

orderMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:473

描述信息:定义伸缩盒子元素的排版顺序

参数:

参数名 类型 描述 属性版本支持
$order String 默认值:1,取值范围与最新草案语法一致

flex-directionMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:498

描述信息:定义伸缩盒子元素的流动方向

参数:

参数名 类型 描述 属性版本支持
$flex-direction String 默认值:row,取值范围与最新草案语法一致

flex-wrapMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:556

描述信息:定义弹性盒子元素溢出排版

参数:

参数名 类型 描述 属性版本支持
$flex-wrap String 默认值:nowrap,取值范围与最新草案语法一致

justify-contentMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:569

描述信息:定义弹性容器主轴对齐方式

参数:

参数名 类型 描述 属性版本支持
$justify-content String 默认值:center,取值范围与最新草案语法一致

align-contentMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:649

版本号:1.8.5

描述信息:定义多行弹性容器侧轴对齐方式

参数:

参数名 类型 描述 属性版本支持
$align-content String 默认值:center,取值范围与最新草案语法一致

align-itemsMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:724

描述信息:定义单行弹性容器侧轴对齐方式

参数:

参数名 类型 描述 属性版本支持
$align-items String 默认值:center,取值与最新原生语法一致

align-selfMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:777

描述信息:定义弹性容器中子元素自身的在侧轴对齐方式

参数:

参数名 类型 描述 属性版本支持
$align-self String 默认值:center,取值与最新原生语法一致
第三级形状

rectMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:827

描述信息:生成矩形方法

参数:

参数名 类型 描述 属性版本支持
$width Length 定义矩形的长度
$height Length 定义矩形的高度

squareMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:840

描述信息:生成正方形方法

参数:

参数名 类型 描述 属性版本支持
$size Length 定义正方形的边长

circleMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:852

描述信息:生成圆形方法

参数:

参数名 类型 描述 属性版本支持
$size Length 定义圆的半径长度
$radius Length 定义圆的圆角半径长度
第三级文本

linkMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:865

描述信息:链接处理方法

参数:

参数名 类型 描述 属性版本支持
$color Color 定义链接颜色

wrap

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:880

描述信息:强制换行方案

ellipsisMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:891

描述信息:单行文本溢出显示方案

参数:

参数名 类型 描述 属性版本支持
$ellipsis Boolen 定义是否需要省略号

texthide

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:906

描述信息:文字隐藏方案

transformMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:343

描述信息:定义简单变换

参数:

参数名 类型 描述 属性版本支持
$transform String 取值与原生语法一致

transform-originMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:353

描述信息:定义变换原点

参数:

参数名 类型 描述 属性版本支持
$transform-origin String 取值与原生语法一致

animationMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:363

描述信息:定义动画

参数:

参数名 类型 描述 属性版本支持
$animation String 取值与原生语法一致

transitionMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/core/classes.scss:373

描述信息:定义补间

参数:

参数名 类型 描述 属性版本支持
$transition String 取值与原生语法一致
第一级moduleelement

yo-badgeMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/element/yo-badge.scss:28

描述信息:构造提醒气泡的自定义使用方法,可以扩展为:tag,文字ico等形态

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 为新的扩展定义一个名称
$padding Length 内补白
$border-width Length 边框厚度
$bordercolor Color 边框色
$bgcolor Color 背景色
$color Color 文本色
$radius Length 圆角半径长度
$font-size Length 字号大小

yo-btnMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/element/yo-btn.scss:52

描述信息:构造按钮的自定义使用方法,可轻松自定义边框,尺寸,背景,文字等

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 按钮高度

yo-checkedMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/element/yo-checked.scss:69

描述信息:构造单选多选的自定义使用方法,可同时作用于

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 圆角半径长度

yo-inputMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/element/yo-input.scss:28

描述信息:构造输入框的自定义使用方法,可同时作用于

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 为新的扩展定义一个名称
$width Length 宽度
$height Length 高度
$padding Length 内补白
$radius Length 圆角半径长度
$bordercolor Color 边框色
$bgcolor Color 背景色
$color Color 文本色
$placeholder-color Color placeholder文本色

yo-loadingMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/element/yo-loading.scss:39

描述信息:构造加载中的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 为新的扩展定义一个名称
$ico-size Length loading的尺寸
$ico-color Color loading的颜色
$bgcolor Color 背景色
$mask-bgcolor Color 遮罩背景色
$font-size Length 文本字号
$color Color 文本颜色
$content String loading形态

yo-loadtipMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/element/yo-loadtip.scss:36

描述信息:构造加载提示的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 为新的扩展定义一个名称
$color Color 文本色
$font-size Length 字号大小
$ico-color Color ico颜色

yo-rangeMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/element/yo-range.scss:57

描述信息:构造区间选择的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 为新的扩展定义一个名称
$inner-bgcolor Color 已选择区域滑条色
$outer-bgcolor Color 未选择区域滑条色
$ball-color Color 滑块色

yo-scoreMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/element/yo-score.scss:28

描述信息:构造评分展示的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 为新的扩展定义一个名称
$item-width Length 单项宽度
$item-height Length 单项高度
$url String 背景图片url
第一级modulefragment

yo-btnbarMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/fragment/yo-btnbar.scss:49

描述信息:构造按钮组的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 为新的扩展定义一个名称
$radius Length 圆角半径长度

yo-headerMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/fragment/yo-header.scss:62

描述信息:构造头的自定义使用方法

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大小

yo-listMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/fragment/yo-list.scss:119

描述信息:构造列表的自定义使用方法

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 列表项下边线距离左侧的间隙

yo-tableMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/fragment/yo-table.scss:47

描述信息:构造表格的自定义使用方法

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选中背景色
第一级modulelayout

yo-alignMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/layout/yo-align.scss:14

描述信息:构造弹性布局内容对齐使用方法,可以是横向和纵向

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 为新的扩展定义一个名称
$text-align String 指定水平对齐方式
$vertical-align String 指定垂直对齐方式

yo-flexMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/layout/yo-flex.scss:33

描述信息:构造弹性布局使用方法,可以是横向和纵向

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 为新的扩展定义一个名称
$box String 指定块级或者行级弹性盒
$direction String 指定是水平或者垂直布局

yo-stackedMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/layout/yo-stacked.scss:12

描述信息:构造独立区块布局

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 定义名称
$margin Color 定义外边距
第一级modulewidget

yo-datepickerMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-datepicker.scss:121

描述信息:构造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-dialogMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-dialog.scss:86

描述信息:构造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-doublelistMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-doublelist.scss:25

描述信息:构造yo-doublelist的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 扩展的名称
$aside-width Length 侧边栏宽度
$aside-order Length 侧边栏顺序

yo-groupMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-group.scss:34

描述信息:构造yo-group自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 定义yo-group名称
$top Length 定义yo-group顶部偏移值

yo-indexMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-index.scss:22

描述信息:构造yo-index的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 定义yo-index名称
$width Length 定义yo-index宽度
$color Color 定义yo-index文本色
$font-size Length 定义yo-index文本字号

yo-maskMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-mask.scss:17

描述信息:构造yo-mask的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 定义yo-mask名称
$bgcolor Color 定义yo-mask背景色

yo-numberMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-number.scss:52

描述信息:构造列表的自定义使用方法

参数:

参数名 类型 描述 属性版本支持
$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-panelMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-panel.scss:34

描述信息:构造yo-panel的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 定义yo-panel名称
$top Length 定义yo-panel顶部偏移值

yo-popupMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-popup.scss:111

描述信息:构造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-ratingMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-rating.scss:77

描述信息:构造yo-rating的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 定义yo-rating名称
$item-width Length 定义yo-rating 单项宽度
$item-height Length 定义yo-rating 单项高度
$url Color 定义yo-rating 图片url

yo-selectMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-select.scss:70

描述信息:构造yo-select的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 定义select名称
$width Length 定义select显示的子项个数
$height Length 定义select子项高度
$bordercolor Color 定义select边框色

yo-slidermenuMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-slidermenu.scss:47

描述信息:构造yo-slidermenu的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 扩展的名称
$action-width Length 定义action宽度
$action-bgcolor Color 定义action背景色

yo-suggestMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-suggest.scss:124

描述信息:构造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-switchMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-switch.scss:52

描述信息:构造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-switchableMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-switchable.scss:68

描述信息:构造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 索引当前项背景色

yo-tabMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-tab.scss:60

描述信息:构造列表的自定义使用方法

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 子项的间隔线颜色

yo-tipMethod

源文件: /Users/duyao/yunpan/github/Yo/lib/widget/yo-tip.scss:19

描述信息:构造列表的自定义使用方法

demo:查看示例

参数:

参数名 类型 描述 属性版本支持
$name String 定义yo-tip名称
$padding Length 定义yo-tip内补白
$radius Length 定义yo-tip圆角
$bgcolor Color 定义yo-tip背景色
$color Color 定义yo-tip文本色
others
pClasses