2020-01-02 22:40:12 +08:00
|
|
|
# 栅格
|
|
|
|
|
<!--single-column-->
|
2020-02-03 20:27:04 +08:00
|
|
|
一个基本的栅格系统。
|
|
|
|
|
|
|
|
|
|
## 演示
|
2020-01-02 22:40:12 +08:00
|
|
|
```demo
|
|
|
|
|
basic
|
|
|
|
|
gutter
|
|
|
|
|
offset
|
|
|
|
|
push-pull
|
|
|
|
|
```
|
2020-02-03 20:27:04 +08:00
|
|
|
|
|
|
|
|
## Props
|
|
|
|
|
### Row Props
|
|
|
|
|
|名称|类型|默认值|介绍|
|
|
|
|
|
|-|-|-|-|
|
|
|
|
|
|gutter|`number \| Array`| `0` | `水平间隔` or `[水平间隔, 垂直间隔]`|
|
|
|
|
|
|
|
|
|
|
### Col Props
|
|
|
|
|
|名称|类型|默认值|介绍|
|
|
|
|
|
|-|-|-|-|
|
|
|
|
|
|span|`number`|1||
|
|
|
|
|
|offset|`number`|0||
|
|
|
|
|
|push|`number`|0||
|
|
|
|
|
|pull|`number`|0||
|
|
|
|
|
|
|
|
|
|
## 奇怪的备注
|
|
|
|
|
栅格不是响应式的，因为不太有时间写，额...
|
|
|
|
|
|
|
|
|
|
但是，在一个几乎所有组件都是非响应式的库里面，栅格却是响应式的其实有那么点奇怪。把所有需要做响应式适配的工作都交给组件库不是件很合理的事。
|
|
|
|
|
|
|
|
|
|
开发者常说，没有银弹。我十分认同，就我所知，目前还没什么东西能让人在不处理任何边界情况的状况下一次性写好复杂的用户界面。我并不总试图寻找一种完美的解决方案：如果**问题本身是复杂的**（在你仔细思考后得出了这个结论），那接受它（然后针对不同的状况开始写不同的解决方案）应该是一种不错的方法。
|
