city-casereport/miniprogram_npm/tdesign-miniprogram/footer
2023-12-06 14:22:42 +08:00
..
footer.d.ts 户籍信息录入 2023-12-06 14:22:42 +08:00
footer.js 户籍信息录入 2023-12-06 14:22:42 +08:00
footer.json 户籍信息录入 2023-12-06 14:22:42 +08:00
footer.wxml 户籍信息录入 2023-12-06 14:22:42 +08:00
footer.wxss 户籍信息录入 2023-12-06 14:22:42 +08:00
props.d.ts 户籍信息录入 2023-12-06 14:22:42 +08:00
props.js 户籍信息录入 2023-12-06 14:22:42 +08:00
README.en-US.md 户籍信息录入 2023-12-06 14:22:42 +08:00
README.md 户籍信息录入 2023-12-06 14:22:42 +08:00
type.d.ts 户籍信息录入 2023-12-06 14:22:42 +08:00
type.js 户籍信息录入 2023-12-06 14:22:42 +08:00

:: BASE_DOC ::

API

name type default description required
copyright String '' - N
text String '' - N
logo Object - TypescriptFooterLogo interface FooterLogo { icon: string; title?: string; titleUrl?: string }see more ts definition N
text-link-list Array [] TypescriptArray<LinkObj> interface LinkObj { name: string; url?: string; openType?: 'navigate' | 'redirect' | 'relaunch' | 'switchTab' | 'navigateBack' }see more ts definition N
links Array [] TypescriptArray<LinkObj> interface LinkObj { name: string; url?: string; openType?: 'navigate' | 'redirect' | 'relaunch' | 'switchTab' | 'navigateBack' }see more ts definition N
theme String 'text' optionstext/logo N

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

Name Default Value Description
--td-footer-link-color @brand-color -
--td-footer-link-dividing-line-color @font-gray-3 -
--td-footer-link-dividing-line-padding @spacer-1 -
--td-footer-link-font-size @font-size-s -
--td-footer-link-line-height 40rpx -
--td-footer-logo-icon-height 48rpx -
--td-footer-logo-icon-margin-right @spacer -
--td-footer-logo-icon-width 48rpx -
--td-footer-logo-title-font-size @font-size-m -
--td-footer-logo-title-line-height 48rpx -
--td-footer-logo-title-url-width 256rpx -
--td-footer-text-color @font-gray-3 -
--td-footer-text-font-size @font-size-s -
--td-footer-text-line-height 40rpx -
--td-footer-text-margin-top 8rpx -