Group 分组

Group 是一个分组组件，用于将相关的内容组织在一起，支持配置标题、标题类名、内容类名和边框显示等。

支持平台

安卓	ios	web	微信小程序	支付宝小程序	QQ小程序
√	√	√	x	x	x

示例

<template>
	<t-page title='分组'>
		<t-card class='mltr.30' title='Group 分组'
			sub-title="结构化的布局容器，用于将相关内容组织在一起，支持自定义标题、边框、以及内容和标题的样式，便于在页面中清晰地区分和展示不同模块的信息。"></t-card>
		<t-section title="基本使用" type="p" class="tdb-tdr-mtlr.30"></t-section>
		<t-group class="mtb.20">
			<t-text class="slh.50">姓名：张三</t-text>
			<t-text class="slh.50">年龄：28</t-text>
			<t-text class="slh.50">职业：软件工程师</t-text>
			<t-text class="slh.50">居住地：北京</t-text>
		</t-group>
		<t-section title="标题+主题" type="p" class="tdb-tdr-mlr.30"></t-section>
		<t-group class="mt.20" title="产品特点" type='p'>
			<t-text class="slh.50">高效节能</t-text>
			<t-text class="slh.50">环保材料</t-text>
			<t-text class="slh.50">人性化设计</t-text>
			<t-text class="slh.50">智能操作</t-text>
		</t-group>
		<t-section title="标题+主题+浅色主题" type="p" class="tdb-tdr-mlr.30"></t-section>
		<t-group class="mt.20" title="市场分析" type='s' effect='l'>
			<t-text class="slh.50">行业趋势：上升趋势</t-text>
			<t-text class="slh.50">竞争对手：A公司、B公司</t-text>
			<t-text class="slh.50">市场份额：15%</t-text>
			<t-text class="slh.50">消费者偏好：高质量产品</t-text>
		</t-group>
		<t-col class="h.50"></t-col>
	</t-page>
</template>
<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

Props

名称	描述	类型	默认值	可选值
title	分组标题	String	''	-
titleClass	分组标题的额外类名	String	''	-
contentClass	分组内容的额外类名	String	''	-
border	是否显示分组边框	Boolean	true	true, false

Events

事件名	描述	回调参数	版本
-	Group 组件暂无暴露的事件。	-	-

Methods

方法名	说明	参数
-	Group 组件暂无暴露的方法。	-

Slots

名称	描述
default	Group 组件提供了一个默认插槽，用于放置分组内容。