vi-sticker-footer
v0.0.1
Published
微信小程序stickerFooter 布局
Downloads
1
Maintainers
Readme
vi-popup
使用
npm i vi-sticker-footer --save 使用微信开发者工具构建NPM并使用NPM模块
{
"usingComponents": {
"sticker-footer": "vi-sticker-footer"
}
}
HTML结构
<sticker-footer footer-height="{{50}}">
<view slot="main" style="text-align: center;padding: 30px 0;background-color: #f9f9f9;">
我是页面主体内容
</view>
<view slot="footer" style="height: 50px;text-align: center;background-color: #333;color: #FFF;">
我是页脚,专门用来处理页面主题内容高度不够,而页脚顶上去的布局
</view>
</sticker-footer>
属性
| 接口 | 数据类型 | 说明 | 选项 | 默认值 | | :--: | :--: | :--: | :--: | :--: | | footerHeight | Number | 页面Footer的高度 | 必填 | 0 |
Slot
| slot name | description | | :--: | :--: | | main | 页面主体内容 | | footer | 页面footer |
版本记录
- v0.0.1 初始版本