uni-group.md 842 字节
Newer Older
1 2
> **组件名:uni-group**
> 代码块: `uGroup`
M
mehaotian 已提交
3
> 
4
>  [点击下载&安装](https://ext.dcloud.net.cn/plugin?name=uni-group)
M
mehaotian 已提交
5

6
分组组件可用于将组件分组,添加间隔,以产生明显的区块。
M
mehaotian 已提交
7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

### 基本用法

``template`` 中使用组件

```html
<uni-group title="分组1" top="20">
    <view>分组1 的内容</view>
    <view>分组1 的内容</view>
</uni-group>

<uni-group title="分组2">
    <view>分组2 的内容</view>
    <view>分组2 的内容</view>
</uni-group>
```
## API
### Group Props

|属性名|类型|默认值|说明|
|:-:|:-:|:-:|:-:|
|title|String|-|主标题|
|top|Number|-|分组间隔|
|mode|String|''|模式 ,card 为卡片模式|


## 组件示例

点击查看:[https://hellouniapp.dcloud.net.cn/pages/extUI/group/group](https://hellouniapp.dcloud.net.cn/pages/extUI/group/group)