Footer 页眉页脚

Footer 是一个用于页面底部的组件，可以自定义导航项、文本类名和是否固定在底部。

支持平台

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

示例

<template>
	<t-page title="页眉 页脚">
		<t-card class="m.30" title="Footer 页眉 页脚"
			sub-title="页脚组件提供了一个固定的页面底部区域，用于显示辅助信息、导航链接或版权声明。其功能亮点包括：支持自定义样式和文本，可固定在页面底部，且可以包含多个可点击的导航项。使用场景包括：在网站或应用的底部提供额外的导航选项，显示版权信息，或放置其他辅助性内容。"></t-card>
		<t-footer>Copyright © 2024</t-footer>
		<t-footer :navigate="navigate" @click="goto">Copyright © 2024</t-footer>
		<t-footer :navigate="navigate2" @click="goto">Copyright © 2024</t-footer>
		<t-footer :isFixed="true" :navigate="navigate" @click="goto">Copyright © 2024</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>

<style lang="scss" scoped>

</style>

Props

名称	描述	类型	默认值
type	组件类型	String	'p'
navigate	导航配置	Array<UTSJSONObject[]>	[]
textClass	文本类名	String	''
isFixed	是否固定在底部	Boolean	false

Events

事件名	描述	回调参数
click	导航项点击事件	item (UTSJSONObject)

Slots

名称	描述
default	默认插槽，用于自定义页脚内容

Methods

方法名	描述	参数
-	-	-