Footer (页眉页脚)

页脚组件提供了一个固定的页面底部区域，用于显示辅助信息、导航链接或版权声明。其功能亮点包括：支持自定义样式和文本，可固定在页面底部，且可以包含多个可点击的导航项。使用场景包括：在网站或应用的底部提供额外的导航选项，显示版权信息，或放置其他辅助性内容。

支持平台

安卓	ios	鸿蒙	web	微信小程序
√	√	√	√	√

示例代码

<template>
	<t-page>
		<t-card main-class="m-30" title="Footer 页眉 页脚"
			sub-title="页脚组件提供了一个固定的页面底部区域，用于显示辅助信息、导航链接或版权声明。其功能亮点包括：支持自定义样式和文本，可固定在页面底部，且可以包含多个可点击的导航项。使用场景包括：在网站或应用的底部提供额外的导航选项，显示版权信息，或放置其他辅助性内容。"></t-card>
		<t-footer></t-footer>
		<t-footer :navigate="navigate" @click="goto"></t-footer>
		<t-footer :navigate="navigate2" @click="goto"></t-footer>
		<t-footer :isFixed="true" :navigate="navigate" @click="goto"></t-footer>
	</t-page>
</template>
<script>
	export default {
		data() {
			return {
				navigate: [{
					text: '底部链接',
					id: 0
				}] as UTSJSONObject[],
				navigate2: [{
					text: '底部链接',
					id: 1
				}, {
					text: '底部链接2',
					id: 2
				}] as Array<UTSJSONObject>
			}
		},
		methods: {
			goto(item : UTSJSONObject) {
				console.log(item)
			}
		}
	}
</script>

属性

名称	类型	默认值	说明	可选值
size	String	mini	组件尺寸	large(大尺寸), medium(中尺寸), small(小尺寸), mini(迷你)
type	String	""	组件类型	info(信息), primary(正常), error(错误), warning(警告), success(成功)
disabled	Boolean	false	组件是否禁用	false, true
stop	Boolean	false	是否阻止事件冒泡（Tui统一写法处理事件冒泡）	false, true
hover	Boolean	true	是否有点击效果	false, true
path	String	""	点击组件后跳转的页面路径，如果为空则响应点击事件，如果不为空则跳转页面不会响应单击事件。	-
mainClass	String	""	组件根节点的样式	-
nativeClass	String	""	组件根节点原生样式	-
effect	String	"normal"	组件显示主题	normal(正常), dark(深色), light(浅色), plain(镂空)
navigate	UTSJSONObject[]	[]	导航配置
text	any	``	显示的内容
type	String	p	组件主题类型
textClass	String	``	内容样式
isFixed	Boolean	false	是否固定定位

事件

名称	返回参数	说明
click	(e : UniPointerEvent)	-