功能

calc

描述: 四则运算(iOS6.0+,Android4.4+)

版本: 1.7.0

源码位置: ./lib/core/classes.scss:58

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

示例: 

<div class="calc">四则运算</div>
.calc { @include calc(width, "100% - 100px"); }

responsive

描述: 定义响应式方案

版本: 1.0.0

源码位置: ./lib/core/classes.scss:82

参数名 类型 描述 支持版本
$media String 指定媒体查询条件，取值为`config`文件map `media-types`中的值 1.0.0

clearfix

描述: 清除浮动方案

版本: 1.0.0

源码位置: ./lib/core/classes.scss:99

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

killspace

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

版本: 1.0.0

源码位置: ./lib/core/classes.scss:122

参数名 类型 描述 支持版本
$font-size Length 指定子元素字号，默认值：config基准字号 2.0.0

示例: 

<div class="demo">
     <span class="item">1</span>
     <span class="item">2</span>
     <span class="item">3</span>
</div>
.demo {@include killspace;}

align

描述: 元素在包含块中的对齐方式，默认为水平垂直对齐

版本: 2.0.0

源码位置: ./lib/core/classes.scss:146

参数名 类型 描述 支持版本
$flexbox String 指定包含块布局方式，可选值：flex | inline-flex，默认值：flex 2.0.0
$type String 指定居中元素类型，可选值：image | text | other，默认值：text 2.0.0
$justify-content Keywords 指定元素水平对齐方式，取值与`justify-content`属性一致，默认值：center 2.0.0
$align-items Keywords 指定元素垂直对齐方式，取值与`align-items`属性一致，默认值：center 2.0.0

示例: 

<div class="demo">
     <img class="item" alt="未知尺寸图片居中" />
</div>
.demo {@include align;}

root-scroll

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

版本: 1.4.0

源码位置: ./lib/core/classes.scss:176

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

overflow

描述: 定义是否有滚动条

版本: 1.0.0

源码位置: ./lib/core/classes.scss:196

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

fullscreen

描述: 生成全屏方法

版本: 1.7.0

源码位置: ./lib/core/classes.scss:213

参数名 类型 描述 支持版本
$z-index Integer 指定层叠级别 1.7.0
$position Keywords 指定定位方式，取除`static | relative`之外的值，默认值：absolute 1.8.5

用户界面

filter

描述: 定义使用何种滤镜

版本: 1.7.0

源码位置: ./lib/core/classes.scss:230

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

appearance

描述: 定义UA默认外观

版本: 1.0.0

源码位置: ./lib/core/classes.scss:241

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

user-select

描述: 定义如何选中内容

版本: 1.0.0

源码位置: ./lib/core/classes.scss:252

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

box-sizing

描述: 定义盒模型

版本: 1.0.0

源码位置: ./lib/core/classes.scss:263

参数名 类型 描述 支持版本
$box-sizing String 指定盒模型类型，取值与`box-sizing`属性一致，默认值：border-box 1.0.0

背景与边框

gradient

描述: 定义渐变色值

版本: 1.0.0

源码位置: ./lib/core/classes.scss:274

参数名 类型 描述 支持版本
$type String 指定渐变的4种类型：linear, repeating-linear, radial, repeating-radial 1.0.0
$dir String 指定渐变方向，可选值：[left | right] || [top | bottom] | angle 2.0.0
$gradient String 指定渐变取值，与w3c最新原生语法一致 1.0.0

background-size

描述: 定义背景图像缩放（AndroidBrowser2.3.*还需要厂商前缀）

版本: 1.4.0

源码位置: ./lib/core/classes.scss:307

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

background-clip

描述: 定义背景裁减（AndroidBrowser2.3.*还需要厂商前缀）

版本: 1.6.0

源码位置: ./lib/core/classes.scss:318

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

background-origin

描述: 定义背景显示区域（AndroidBrowser2.3.*还需要厂商前缀）

版本: 1.6.0

源码位置: ./lib/core/classes.scss:329

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

border-radius

描述: 定义圆角，用于修复某些安卓机型上“圆角+边框+背景”，背景溢出的情况

版本: 1.6.0

源码位置: ./lib/core/classes.scss:340

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

border

描述: 为元素添加边框（包括1px边框）

版本: 2.0.0

源码位置: ./lib/core/classes.scss:353

参数名 类型 描述 支持版本
$border-width String 指定边框厚度（单位为px），默认值：1px，取值与`border-width`属性一致，不同方向代表边框位置 2.0.0
$border-color String 指定边框颜色 2.0.0
$border-style String 指定边框样式 2.0.0
$radius String 指定边框圆角半径，默认值：null 2.0.0

Transform

transform

描述: 定义简单变换

版本: 1.0.0

源码位置: ./lib/core/classes.scss:410

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

transform-origin

描述: 定义变换原点

版本: 1.0.0

源码位置: ./lib/core/classes.scss:421

参数名 类型 描述 支持版本
$transform-origin Length | Percentage | Keywords 取值范围与`transform-origin`属性一致 1.0.0

transform-style

描述: 指定某元素的子元素是（看起来）位于三维空间内，还是在该元素所在的平面内被扁平化

版本: 2.0.0

源码位置: ./lib/core/classes.scss:432

参数名 类型 描述 支持版本
$transform-style String 取值范围与`transform-style`属性一致 2.0.0

perspective

描述: 指定观察者与「z=0」平面的距离，使具有三维位置变换的元素产生透视效果。「z>0」的三维元素比正常大，而「z<0」时则比正常小，大小程度由该属性的值决定。

版本: 2.0.0

源码位置: ./lib/core/classes.scss:443

参数名 类型 描述 支持版本
$perspective none | Length 取值范围与`perspective`属性一致 2.0.0

perspective-origin

描述: 指定透视点的位置

版本: 2.0.0

源码位置: ./lib/core/classes.scss:454

参数名 类型 描述 支持版本
$perspective-origin Length | Percentage | Keywords 取值范围与`perspective-origin`属性一致 2.0.0

backface-visibility

描述: 指定元素背面面向用户时是否可见

版本: 2.0.0

源码位置: ./lib/core/classes.scss:465

参数名 类型 描述 支持版本
$backface-visibility Keywords 取值范围与`backface-visibility`属性一致 2.0.0

Animation

animation

描述: 定义动画

版本: 1.0.0

源码位置: ./lib/core/classes.scss:476

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

Transition

transition

描述: 定义补间

版本: 1.0.0

源码位置: ./lib/core/classes.scss:487

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

Flexbox

flexbox

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

版本: 1.0.0

源码位置: ./lib/core/classes.scss:514

参数名 类型 描述 支持版本
$flexbox String 默认值：flex，可选值：flex | inline-flex 1.0.0

flex

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

版本: 1.0.0

源码位置: ./lib/core/classes.scss:547

参数名 类型 描述 支持版本
$flex Number 取值与`flex`属性一致，默认值：1 1.0.0
$direction String 默认值: row，可选值：row | column 1.5.0

order

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

版本: 1.0.0

源码位置: ./lib/core/classes.scss:581

参数名 类型 描述 支持版本
$order Integer 取值与`order`属性一致，默认值：1 1.0.0

flex-flow

描述: 定义弹性盒子元素流动方向及遇见边界时是否换行(iOS7.0+,Android4.4+)

版本: 2.0.0

源码位置: ./lib/core/classes.scss:606

参数名 类型 描述 支持版本
$flex-flow String 取值与`flex-flow`属性一致，默认值：row nowrap 2.0.0

flex-direction

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

版本: 1.0.0

源码位置: ./lib/core/classes.scss:618

参数名 类型 描述 支持版本
$flex-direction String 取值与`flex-direction`属性一致，默认值：row 1.0.0

flex-wrap

描述: 定义弹性盒子元素溢出后排版(iOS7.0+,Android4.4+)

版本: 1.0.0

源码位置: ./lib/core/classes.scss:676

参数名 类型 描述 支持版本
$flex-wrap String 取值与`flex-wrap`属性一致，默认值：nowrap 1.0.0

justify-content

描述: 定义弹性容器主轴对齐方式(其中`space-around`值需要iOS7.0+,Android4.4+)

版本: 1.0.0

源码位置: ./lib/core/classes.scss:689

参数名 类型 描述 支持版本
$justify-content String 取值与`justify-content`属性一致，默认值：center 1.0.0

align-content

描述: 定义多行弹性容器侧轴对齐方式(iOS7.0+,Android4.4+)

版本: 1.8.5

源码位置: ./lib/core/classes.scss:769

参数名 类型 描述 支持版本
$align-content String 取值与`align-content`属性一致，默认值：center 1.8.5

align-items

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

版本: 1.0.0

源码位置: ./lib/core/classes.scss:843

参数名 类型 描述 支持版本
$align-items String 取值与`align-items`属性一致，默认值：center 1.0.0

align-self

描述: 定义弹性容器中子元素自身的在侧轴对齐方式(iOS7.0+,Android4.4+)

版本: 1.0.0

源码位置: ./lib/core/classes.scss:897

参数名 类型 描述 支持版本
$align-self String 取值与`align-self`属性一致，默认值：center 1.0.0

形状

rect

描述: 生成矩形方法

版本: 1.0.0

源码位置: ./lib/core/classes.scss:947

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

square

描述: 生成正方形方法

版本: 1.0.0

源码位置: ./lib/core/classes.scss:960

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

circle

描述: 生成圆形方法

版本: 1.0.0

源码位置: ./lib/core/classes.scss:972

参数名 类型 描述 支持版本
$size Length 定义圆的半径长度 1.0.0
$radius Length 定义圆的圆角半径长度 1.0.0

文本

描述: 链接处理方法

版本: 1.0.0

源码位置: ./lib/core/classes.scss:985

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

wrap

描述: 文本碰到边界是否换行

版本: 1.0.0

源码位置: ./lib/core/classes.scss:1000

参数名 类型 描述 支持版本
$is-wrap Boolean 定义文本是否换行，默认值：true 2.0.0

ellipsis

描述: 单行文本溢出时显示省略号

版本: 1.0.0

源码位置: ./lib/core/classes.scss:1016

参数名 类型 描述 支持版本
$width Length 定义容器的宽度，默认值：null 2.0.0
$line-clamp Integer 定义需要显示的行数，默认值：1（即使用单行溢出的处理方案），需要注意的是本参数只支持webkit内核 2.1.2

texthide

描述: 文字隐藏方案

版本: 1.0.0

源码位置: ./lib/core/classes.scss:1038

参数名 类型 描述 支持版本
$width Length 定义容器的宽度，默认值：null 2.0.0

List扩展函数

first

描述: 返回SassList中的第一项

版本: 2.1.0

源码位置: ./lib/core/function.scss:6

参数名 类型 描述 支持版本
$list String 指定一个Sass List 2.1.0

last

描述: 返回SassList中的最后一项

版本: 2.1.0

源码位置: ./lib/core/function.scss:28

参数名 类型 描述 支持版本
$list String 指定一个Sass List 2.1.0

nth-last

描述: 返回SassList中的倒数第几项

版本: 2.1.0

源码位置: ./lib/core/function.scss:50

参数名 类型 描述 支持版本
$list String 指定一个Sass List 2.1.0
$index Integer 指定需要返回的值在list中的倒数位置 2.1.0

remove

描述: 移除SassList中的某个项目并返回新的List

版本: 2.1.0

源码位置: ./lib/core/function.scss:77

参数名 类型 描述 支持版本
$list String 指定一个Sass List 2.1.0
$value String 指定需要被删除的值 2.1.0

slice

描述: 截取SassList中的某个部分并返回新的List

版本: 2.1.0

源码位置: ./lib/core/function.scss:104

参数名 类型 描述 支持版本
$list String 指定一个Sass List 2.1.0
$start Integer 指定需要截取的开始下标 2.1.0
$end Integer 指定需要截取的结束下标（不包括end），当该值缺省时默认为末尾下标 2.1.0

splice

描述: 从SassList中添加/删除项目，然后返回新的List。

版本: 2.1.0

源码位置: ./lib/core/function.scss:134

参数名 类型 描述 支持版本
$list String 指定一个Sass List 2.1.0
$index Integer 指定需要移除的开始下标 2.1.0
$count Integer 指定需要移除的数量，不可以为负值，0表示不移除 2.1.0
$values String 指定需要添加的新值（可以是多个），如果该值缺省，则表示只移除不添加新值 2.1.0