API Docs for: 1.3.1
Show:

widget Class

Module: Yo

Yo框架widget基础构造

Yo内置了常见的通用代码片段,如:列表,表格,按钮组,头

Methods

yo-dblist

(
  • $name
  • $aside-width
  • $aside-order
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    扩展的名称

  • $aside-width Default | Length

    侧边栏宽度

  • $aside-order Default | Length

    侧边栏顺序

yo-dialog

(
  • $name
  • $width
  • $height
  • $radius
  • $shadow-opacity
  • $bordercolor
  • $hd-height
  • $hd-bgcolor
  • $title-color
  • $title-font-size
  • $bd-padding
  • $bd-font-size
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义dialog名称

  • $width Default | Length | null

    定义dialog宽度

  • $height Default | Length

    定义dialog高度

  • $radius Default | Length

    定义dialog圆角

  • $shadow-opacity Default | Number

    定义dialog阴影透明度

  • $bordercolor Default | Color

    定义dialog边框色

  • $hd-height Default | Length

    定义dialog头部高度

  • $hd-bgcolor Default | Color

    定义dialog头部背景色

  • $title-color Default | Color

    定义dialog标题文本色

  • $title-font-size Default | Length

    定义dialog标题字号

  • $bd-padding Default | Length

    定义dialog主体补白

  • $bd-font-size Default | Length

    定义dialog主体字号

yo-group

(
  • $name
  • $top
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义yo-group名称

  • $top Default | Length

    定义yo-group顶部偏移值

yo-index

(
  • $name
  • $width
  • $color
  • $font-size
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义yo-index名称

  • $width Default | Length

    定义yo-index宽度

  • $color Default | Color

    定义yo-index文本色

  • $font-size Default | Length

    定义yo-index文本字号

yo-mask

(
  • $name
  • $bgcolor
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义yo-mask名称

  • $bgcolor Default | Color

    定义yo-mask背景色

yo-number

(
  • $name
  • $width
  • $height
  • $bordercolor
  • $color
  • $sign-bgcolor
  • $sign-color
  • $disabled-sign-color
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义yo-number名称

  • $width Default | Length

    定义yo-number宽度

  • $height Default | Length

    定义yo-number高度

  • $bordercolor Default | Color

    定义yo-number边框色

  • $color Default | Color

    定义yo-number输入框文本色

  • $sign-bgcolor Default | Color

    定义yo-number加减号背景色

  • $sign-color Default | Color

    定义yo-number加减号文本色

  • $disabled-sign-color Default | Color

    定义yo-number禁用文本色

yo-popup

(
  • $name
  • $width
  • $height
  • $radius
  • $shadow-opacity
  • $bordercolor
  • $hd-height
  • $hd-bgcolor
  • $title-color
  • $title-font-size
  • $bd-padding
  • $arrow-size
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义popup名称

  • $width Default | Length | null

    定义popup宽度

  • $height Default | Length

    定义popup高度

  • $radius Default | Length

    定义popup圆角

  • $shadow-opacity Default | Number

    定义popup阴影透明度

  • $bordercolor Default | Color

    定义popup边框色

  • $hd-height Default | Length

    定义popup头部高度

  • $hd-bgcolor Default | Color

    定义popup头部背景色

  • $title-color Default | Color

    定义popup标题文本色

  • $title-font-size Default | Length

    定义popup标题字号

  • $bd-padding Default | Length

    定义popup主体补白

  • $arrow-size Default | Length

    定义popup箭头高度

yo-rating

(
  • $name
  • $item-width
  • $item-height
  • $url
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义yo-rating名称

  • $item-width Default | Length

    定义yo-rating 单项宽度

  • $item-height Default | Length

    定义yo-rating 单项高度

  • $url Default | Color

    定义yo-rating 图片url

yo-select

(
  • $name
  • $width
  • $height
  • $bordercolor
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义select名称

  • $width Default | Length

    定义select显示的子项个数

  • $height Default | Length

    定义select子项高度

  • $bordercolor Default | Color

    定义select边框色

yo-slidermenu

(
  • $name
  • $action-width
  • $action-bgcolor
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    扩展的名称

  • $action-width Default | Length

    定义action宽度

  • $action-bgcolor Default | Color

    定义action背景色

yo-switch

(
  • $name
  • $checked-bordercolor
  • $checked-bgcolor
  • $bordercolor
  • $bgcolor
  • $ball-color
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义switch名称

  • $checked-bordercolor Default | Color

    定义switch激活边框色

  • $checked-bgcolor Default | Color

    定义switch激活背景色

  • $bordercolor Default | Color

    定义switch边框色

  • $bgcolor Default | Color

    定义switch背景色

  • $ball-color Default | Color

    定义switch滑块色

yo-switchable

(
  • $name
  • $has-btn
  • $btn-size
  • $btn-bgcolor
  • $btn-color
  • $btn-active-bgcolor
  • $btn-active-color
  • $index-size
  • $index-bgcolor
  • $index-on-bgcolor
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    扩展的名称

  • $has-btn Default | Boolen

    是否有按钮

  • $btn-size Default | Length

    按钮大小

  • $btn-bgcolor Default | Length

    按钮背景色

  • $btn-color Default | Length

    按钮文本色

  • $btn-active-bgcolor Default | Color

    按钮按下背景色

  • $btn-active-color Default | Length

    按钮按下文本色

  • $index-size Default | Length

    索引大小

  • $index-bgcolor Default | Color

    索引背景色

  • $index-on-bgcolor Default | Length

    索引当前项背景色

yo-tab

(
  • $name
  • $height
  • $radius
  • $border-width
  • $bordercolor
  • $bgcolor
  • $color
  • $on-bgcolor
  • $on-color
  • $font-size
  • $x-ico-size
  • $y-ico-size
  • $only-ico-size
  • $item-border-height
  • $item-bordercolor
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    扩展的名称

  • $height Default | Length

    组件高度

  • $radius Default | Length

    圆角半径

  • $border-width Default | Length

    边框厚度

  • $bordercolor Default | Color

    边框色

  • $bgcolor Default | Color

    背景色

  • $color Default | Color

    文本色

  • $on-bgcolor Default | Color

    激活时背景色

  • $on-color Default | Color

    激活时文本色

  • $font-size Default | Color

    文本字号

  • $x-ico-size Default | Color

    子项内容为水平ico时,ico的大小

  • $y-ico-size Default | Color

    子项内容为垂直ico时,ico的大小

  • $only-ico-size Default | Color

    子项内容仅有ico时,ico的大小

  • $item-border-height Default | Length

    子项的间隔线高度

  • $item-bordercolor Default | Color

    子项的间隔线颜色

yo-tip

(
  • $name
  • $padding
  • $radius
  • $bgcolor
  • $color
)

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

使用方法,详见 Demo

Parameters:

  • $name Default | String

    定义yo-tip名称

  • $padding Default | Length

    定义yo-tip内补白

  • $radius Default | Length

    定义yo-tip圆角

  • $bgcolor Default | Color

    定义yo-tip背景色

  • $color Default | Color

    定义yo-tip文本色