HIPS-UNI-UI

# Group 分组容器

注意

Group 组件单纯为一个视图容器

# 使用指南

import Group from '@hips/uni-ui/lib/group';

export default {
  components: {
    'hips-group': Group,
  },
};
1
2
3
4
5
6
7

# 跨平台支持

微信小程序 支付宝小程序 钉钉小程序 百度小程序 头条小程序 QQ 小程序
✔️ - - - - -

# 代码演示

# 基础用法

<hips-group title="分组标题">
  分组内容
</hips-group>
1
2
3

# title 插槽

<hips-group>
  <hips-cell slot="title" clickable title="标题" value="内容" />
  分组内容
</hips-group>
1
2
3
4

# API

参数 说明 类型 默认值
icon 左侧标题前图标 String -
title 标题内容 String -
landscape-padding 横向 padding 值 String | Number 30
portrait-padding 竖向 padding 值 String | Number 0

# Slots

名称 说明
- 分组内容
title 自定义标题
left-icon 标题左侧图标

# 样式变量

变量名 说明 默认值
group-title-height 标题高度 88rpx
group-title-bg-color 标题背景颜色 white
group-title-color 标题颜色 #9B9B9B
group-title-font-size 标题文字大小 28rpx
group-title-border-color 标题边框颜色 #EEEEEE
group-content-border-color 内容边框颜色 #EEEEEE

注意

SideBar 侧边栏