更新记录
1.0.4(2025-05-23)
下载此版本
1
1.0.3(2025-01-09)
下载此版本
1
1.0.2(2024-12-31)
下载此版本
1
查看更多
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
√ |
其他
x-fixed-footer
固定底部
将某些内容固定到底部时, 通常还需要对底部进行占位处理以免其他元素被固定内容遮住
使用该组件固定内容的同时并处理占位
示例
<x-fixed-footer padding="24rpx" bg-color="#fff">
<view class="footer">
保存
</view>
</x-fixed-footer>
Props
属性名 |
说明 |
类型 |
默认值 |
width |
占位元素宽度(通常无需设置) |
String |
'1px' |
height |
占位元素高度(通常不设置自动获取插槽内容高度) |
[Number, String] |
9 |
padding |
固定元素内边距 |
String |
|
zIndex |
固定元素层级 |
[Number, String] |
9 |
safeArea |
底部安全区域适配 |
Boolean |
true |
bgColor |
容器背景色 |
String |
'#fff' |
customStyle |
自定义样式 |
Object |
|
Emits
事件名 |
说明 |
回调入参 |
height |
组件高度改变时触发 |
高度 |
Slots
插槽名 |
说明 |
default |
需要固定到底部的内容 |
插件如果对你有帮助给个好评吧~