iview/types/grid.d.ts

80 lines
2 KiB
TypeScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// Type definitions for iview 3.3.1
// Project: https://github.com/iview/iview
// Definitions by: yangdan
// Definitions: https://github.com/yangdan8/iview.git
import Vue, { VNode } from 'vue';
export declare class Row extends Vue {
/**
* 栅格间距,单位 px左右平分
* @default 0
*/
gutter?: number;
/**
* 布局模式可选值为flex或不选在现代浏览器下有效
*/
type?: string;
/**
* lex 布局下的垂直对齐方式可选值为top、middle、bottom
*/
align?: 'top'|'middle'|'bottom';
/**
* flex 布局下的水平排列方式可选值为start、end、center、space-around、space-between
*/
justify?: 'start'|'end'|'center'|'space-around'|'space-between';
/**
* 自定义的class名称
*/
'class-name'?: string;
}
export declare class Col extends Vue {
/**
* 栅格的占位格数可选值为0~24的整数为 0 时相当于display:none
*/
span?: number | string;
/**
* 栅格的顺序在flex布局模式下有效
*/
order?: number | string;
/**
* 栅格左侧的间隔格数,间隔内不可以有栅格
*/
offset?: number | string;
/**
* 栅格向右移动格数
*/
push?: number | string;
/**
* 栅格向左移动格数
*/
pull?: number | string;
/**
* 自定义的class名称
*/
'class-name'?: string;
/**
* <576px 响应式栅格,可为栅格数或一个包含其他属性的对象
*/
xs?: number | object;
/**
* ≥576px 响应式栅格,可为栅格数或一个包含其他属性的对象
*/
sm?: number | object;
/**
* ≥768px 响应式栅格,可为栅格数或一个包含其他属性的对象
*/
md?: number | object;
/**
* ≥992px 响应式栅格,可为栅格数或一个包含其他属性的对象
*/
lg?: number | object;
/**
* ≥1200px 响应式栅格,可为栅格数或一个包含其他属性的对象
*/
xl?: number | object;
/**
* ≥1600px 响应式栅格,可为栅格数或一个包含其他属性的对象
*/
xxl?: number | object;
}