Group 分组

使用指南

import { fsGroup } from 'fs-ui'

export default {
  components: {
    fsGroup
  }
}
1
2
3
4
5
6
7

代码演示

  • 默认
<fs-group title="基础用法">
  <fs-button>default</fs-button>
</fs-group>
1
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
  • 内容无padding
<fs-group title="内容无padding" noPaddingContent>
  <fs-cell title="单元格" to="/cell"></fs-cell>
</fs-group>
1
2
3

属性

参数 说明 类型 默认值
title 标题 String -
noPaddingContent 内容无padding Boolean -

插槽

插槽名 说明
title 自定义title
- 默认内容