Footer 页脚

页面底部版权、备案信息与快捷导航链接的页脚组件，支持多导航项、ICP 备案号与版权文字渲染。

---

代码示例

1. 基础用法 (Basic Usage)

<template>
  <mu-footer
    :links="footerLinks"
    copyright="Copyright © 2026 Muzhiyu UI. All Rights Reserved."
    icp="浙ICP备2026000000号-1"
    @link-click="onLinkClick"
  />
</template>

<script setup>
import { ref } from 'vue'

const footerLinks = ref([
  { text: '官网首页' },
  { text: '组件文档' },
  { text: '用户协议' }
])

function onLinkClick({ link, index }) {
  console.log('点击页脚链接:', link.text)
}
</script>

---

API 属性说明 (Props)

参数名	说明	类型	可选值	默认值
links	页脚快捷导航链接数组	Array	-	[]
copyright	版权信息文本	String	-	'Copyright © 2026 Muzhiyu UI. All Rights Reserved.'
icp	工信部 ICP 备案号文本	String	-	''
padding	页脚内边距	String	-	'48rpx 24rpx'

---

事件说明 (Events)

事件名	说明	回调参数
link-click	点击页脚快捷链接项时触发	(res: { link: object, index: number })

---

插槽说明 (Slots)

插槽名	说明
default	页脚自定义底部区域内容插槽