Section 标题

创建一个带有标题和子标题的内容区块，支持配置区块类型、标题、子标题、是否显示分隔线等

支持平台

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

示例

html

<template>
	<t-page title='标题'>
		<t-card class="mlrt.30" title='Section 标题' sub-title="创意标题栏，适用于展示创意作品、设计灵感的标题。"></t-card>
		<introduction title='基础功能+主题展示'>
			<t-section class="mb.20" title="装饰线条主题" type="p"></t-section>
			<t-section class="mb.20" title="装饰线条主题" type="e"></t-section>
			<t-section class="mb.20" title="装饰线条主题" type="w"></t-section>
			<t-section class="mb.20" title="装饰线条主题" type="s"></t-section>
			<t-section class="mb.20" title="装饰线条主题" type="i"></t-section>
		</introduction>
		<introduction title='样式设置'>
			<t-section title="线条样式控制" type="p" line-class="twhr.15"></t-section>
			<t-section title="线条样式控制" type="e" line-class="twhr.15"></t-section>
			<t-section title="线条样式控制" type="w" line-class="twhr.15"></t-section>
			<t-section title="线条样式控制" type="s" line-class="twhr.15"></t-section>
			<t-section title="线条样式控制" type="i" line-class="twhr.15"></t-section>
		</introduction>
		<introduction title='更多'>
			<t-section title="设置背景" type="p" class="bg.#fff-mtb.20"></t-section>
			<t-section title="线条渐变色" type="p" line-class="bib.#ffb703,#ff416c" class="mb.20"></t-section>
			<t-section title="调整字体大小" title-class="s.50"></t-section>
		</introduction>
	</t-page>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>

Props

名称	描述	类型	默认值
type	区块类型	String	'primary'
title	标题文本	String	''
titleClass	标题的类名	String	''
subTitle	子标题文本	String	''
subTitleClass	子标题的类名	String	''
line	是否显示分隔线	Boolean	true
lineClass	分隔线的类名	String	''

Events

名称	描述	参数
click	当点击标题组件时触发	-

Section 标题 ​

支持平台 ​

示例 ​

Props ​

Events ​

Section 标题

支持平台

示例

Props

Events