全部产品

Footer 页脚

当页面内容加载完成时,需要在背景上通过文字形式给与用户提示。

用法

链接位于页脚描述上方

底部链接:

  1. 整体居中对齐,允许1个或者2个链接。
  2. 2个链接时左链接右对齐,右链接左对齐。
  3. 链接文字不允许超过一行,超过自动截断。

页脚描述:

  1. 文字最多一行,超过范围截断。
  2. 居中对齐。

扫码体验

image.png

示例代码

{
  "defaultTitle": "小程序AntUI组件库",
  "usingComponents":{
    "footer": "mini-antui/es/footer/index"
  }
}

<view>
  <footer
    copyright="{{copyright}}"
    links="{{links}}" />
</view>

Page({
 data: {
    copyright: '© 2004-2017 Alipay.com. All rights reserved.',
    links: [
      { text: '底部链接', url: '../../list/demo/index' },
      { text: '底部链接', url: '../../card/demo/index' },
    ],
 },
});

属性

属性名描述类型默认值必填
copyright版权信息。String-
links页脚链接。Array<text, url>-