更新记录

0.0.2（2025-04-21） 下载此版本

• feat: 兼容uniappx 鸿蒙next

0.0.1（2025-04-12） 下载此版本

• init

平台兼容性

lime-footer 页脚

• 用于展示页面底部信息，包含Logo、导航链接和版权信息等元素。
• 插件依赖lime-style,lime-shared不喜勿下

安装

插件市场导入即可

代码演示

基础使用

<l-footer text="Copyright © 2024-2025 LimeUI.All Rights Reserved." />

链接页脚

<l-footer 
    :links="[
        {name: '用户协议', url: '/pages/agreement'},
        {name: '隐私政策', url: '/pages/privacy'},
        {name: '联系我们', url: '/pages/contact'}
    ]" 
  text="Copyright © 2024-2025 LimeUI.All Rights Reserved." />

品牌页脚

<l-footer 
    :logo=" {
        icon: '/static/logo.64379736.png',
        title: '品牌名称',
    }" 
    text="Copyright © 2024-2025 LimeUI.All Rights Reserved." />

查看示例

• 导入后直接使用这个标签查看演示效果

 // 代码位于 uni_modules/lime-footer/compoents/lime-footer 
<lime-footer />

插件标签

• 默认 l-footer 为 component
• 默认 lime-footer 为 demo

关于vue2的使用方式

• 插件使用了composition-api, 如果你希望在vue2中使用请按官方的教程vue-composition-api配置
• 关键代码是: 在main.js中 在vue2部分加上这一段即可.

// vue2
import Vue from 'vue'
import VueCompositionAPI from '@vue/composition-api'
Vue.use(VueCompositionAPI)

API

Props

主题定制

样式变量

组件提供了下列 CSS 变量，可用于自定义样式)。uvue app无效。

打赏

如果你觉得本插件，解决了你的问题，赠人玫瑰，手留余香。