API Docs for: 1.3.1
Show:

fragment Class

Module: Yo

Yo框架fragment基础构造

Yo内置了包括:dialog, popup, tip, tab, switch, rating等基础组件

Item Index

Methods

yo-btnbar

(
  • $name
  • $radius
)

构造按钮组的自定义使用方法

使用方法,详见 Demo

Parameters:

  • $name String

    为新的扩展定义一个名称

  • $radius Length

    圆角半径长度

yo-header

(
  • $name
  • $height
  • $item-width
  • $item-space
  • $bordercolor
  • $bgcolor
  • $color
  • $font-size
  • $item-color
  • $item-font-size
)

构造头的自定义使用方法

使用方法,详见 Demo

Parameters:

  • $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-font-size Length

    定义yo-header两侧的子项文本大小

yo-list

(
  • $name
  • $margin
  • $radius
  • $border-width
  • $bordercolor
  • $item-padding
  • $label-padding
  • $label-bgcolor
  • $active-bgcolor
  • $on-bgcolor
  • $on-color
  • $item-bordercolor
  • $label-bordercolor
  • $item-font-size
  • $label-font-size
)

构造列表的自定义使用方法

使用方法,详见 Demo

Parameters:

  • $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列表组头字号

yo-table

(
  • $name
  • $width
  • $has-vertical-border
  • $thead-padding
  • $tbody-padding
  • $bordercolor
  • $thead-bgcolor
  • $odd-bgcolor
  • $even-bgcolor
  • $active-bgcolor
  • $on-bgcolor
)

构造表格的自定义使用方法

使用方法,详见 Demo

Parameters:

  • $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选中背景色