Group 分组
使用指南
import { fsGroup } from 'fs-ui'
export default {
components: {
fsGroup
}
}
1
2
3
4
5
6
7
2
3
4
5
6
7
代码演示
- 默认
<fs-group title="基础用法">
<fs-button>default</fs-button>
</fs-group>
1
2
3
2
3
- 自定义标题
<fs-group>
<template slot="title">
<p><fs-icon name="user"></fs-icon>内容无padding</p>
</template>
<template>
<fs-button>default</fs-button>
</template>
</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="/cell"></fs-cell>
</fs-group>
1
2
3
2
3
属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
title | 标题 | String | - |
noPaddingContent | 内容无padding | Boolean | - |
插槽
插槽名 | 说明 |
---|---|
title | 自定义title |
- | 默认内容 |