/** * @license * Copyright 厦门乾元盛世科技有限公司 All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file. */ import { ElementRef, Renderer } from '@angular/core'; /** * 24 栅格系统 之 Row * 布局的栅格化系统,我们是基于行(row)和列(col)来定义信息区块的外部框架,以保证页面的每个区域能够稳健地排布起来。下面简单介绍一下它的工作原理: * * - 通过`row`在水平方向建立一组`column`(简写col) * - 你的内容应当放置于`col`内,并且,只有`col`可以作为`row`的直接元素 * - 栅格系统中的列是指1到24的值来表示其跨越的范围。例如,三个等宽的列可以使用`.col-8`来创建 * - 如果一个`row`中的`col`总和超过 24,那么多余的`col`会作为一个整体另起一行排列 */ export declare class Row { private _renderer; private _elementRef; /** 样式前缀 */ prefixCls: string; type: 'flex'; /** * flex 布局下的垂直对齐方式:top middle bottom */ align?: 'top' | 'middle' | 'bottom'; /** * flex 布局下的水平排列方式:start end center space-around space-between */ justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between'; /** * 栅格间隔。默认为0。 */ gutter: number; /** 用户CSS样式 */ class: string; constructor(_renderer: Renderer, _elementRef: ElementRef); /** * The underlying host native element */ getHostElement(): HTMLElement; /** * 最终样式 */ readonly classes: string; getClasses(): string; /** * 特殊样式 */ readonly marginLeft: any; /** * 特殊样式 */ readonly marginRight: any; }