Options
All
  • Public
  • Public/Protected
  • All
Menu

Class VantGrid

Grid 宫格 参考 https://vant-contrib.gitee.io/vant/v2/#/zh-CN/grid

Hierarchy

  • VueCmpBase
    • VantGrid

Index

Constructors

Properties

Methods

Constructors

constructor

  • new VantGrid(config: IContainerBase): VantGrid

  • Parameters

    • config: IContainerBase

    Returns VantGrid

Properties

border

border: Boolean

是否显示边框

center

center: Boolean

是否将格子内容居中显示

clickable

clickable: Boolean

是否开启格子点击反馈

columnNum

columnNum: Number

列数

css

css: VantGridStyle

gridItems

gridItems: IVantGridItem[]

所有的格子

gutter

gutter: number

格子之间的间距，默认单位为px

iconSize

iconSize: number

图标大小，默认单位为px

onClickScript

onClickScript: string

点击事件

square

square: Boolean

是否将格子固定为正方形

Methods

addItem

  • 新增格子

    Parameters

    • gridItem: IVantGridItem

      格子

    • foreUpdate: boolean = true

      可选参数 是否强制刷新组件 默认true

    Returns IVantGridItem

    返回格子实例

buildDefalut

  • buildDefalut(): void

  • Returns void

clear

  • clear(foreUpdate?: boolean): void

  • 清空格子

    Parameters

    • foreUpdate: boolean = true

      可选参数 是否强制刷新组件 默认true

    Returns void

Protected doDesigningDbClick

  • doDesigningDbClick(): void

  • Returns void

doGetClassName

  • doGetClassName(): any

  • Returns any

doGetCss

  • doGetCss(): VantGridStyle

  • Returns VantGridStyle

doGetMethods

  • doGetMethods(): {} & { handleClick: any }

  • 事件

    Returns {} & { handleClick: any }

doGetVueData

  • doGetVueData(): object

  • 设置默认值

    Returns object

doGetVueHtml

  • doGetVueHtml(): string

  • 获取组件的html

    Returns string

getAttrEditors

  • getAttrEditors(): AttributeEditorBase[]

  • 注意:使用注解注册属性编辑器这里不能少

    Returns AttributeEditorBase[]

getItem

  • 获取格子

    Parameters

    • index: number

      位置

    Returns IVantGridItem

getItems

  • 获取所有的格子数组

    Returns IVantGridItem[]

    格子数组

getItemsHtml

  • getItemsHtml(): string

  • Returns string

removeItem

  • removeItem(gridItem: IVantGridItem, foreUpdate?: boolean): void

  • 移除格子

    Parameters

    • gridItem: IVantGridItem

      格子

    • foreUpdate: boolean = true

      可选参数 是否强制刷新组件 默认true

    Returns void

Generated using TypeDoc