Group 分组
使用指南
在 app.json 或 index.json 中引入group组件
{
"usingComponents": {
"fs-group": "path/components/group/index"
}
}
1
2
3
4
5
2
3
4
5
代码演示
- 基础用法
<fs-group title="基础用法">
<fs-button>default</fs-button>
</fs-group>
1
2
3
2
3
- 自定义标题
<fs-group>
<view slot="title">
<p><fs-icon name="home"></fs-icon>自定义标题</p>
</view>
<view>
<fs-button>default</fs-button>
</view>
</fs-group>
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
- 内容无padding
<fs-group title="内容无padding" noPaddingContent>
<fs-cell title="单元格" to="/pages/cell/index"></fs-cell>
</fs-group>
1
2
3
4
2
3
4
属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 标题 | String | - |
noPaddingContent | 内容无padding | Boolean | - |
custom-class | 自定义的外部样式类 | String | - |
插槽
插槽名 | 说明 |
---|---|
title | 自定义title |
- | 默认内容 |