WEUI在微信小程序中的使用 |
项目框架的制作 |
栏目首页 |
weui基础组件 |
weui表单 |
weui 操作反馈相关 |
weui 导航 navbar 切换(类tab)使用教程 |
weui 搜索searchbar使用教程 |
当前阅读教程:小程序Weui在线教程 > weui footer页脚使用教程 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: weui progress进度条使用教程 | 下一篇: weui表单 |
wxml代码如下: <view class="page"> <view class="page__hd"> <view class="page__title">Footer</view> <view class="page__desc">页脚</view> </view> <view class="page__bd page__bd_spacing"> <view class="weui-footer"> <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view> </view> <view class="weui-footer"> <view class="weui-footer__links"> <navigator url="" class="weui-footer__link">底部链接</navigator> </view> <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view> </view> <view class="weui-footer"> <view class="weui-footer__links"> <navigator url="" class="weui-footer__link">底部链接</navigator> <navigator url="" class="weui-footer__link">底部链接</navigator> </view> <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view> </view> <view class="weui-footer weui-footer_fixed-bottom"> <view class="weui-footer__links"> <navigator url="" class="weui-footer__link">WeUI首页</navigator> </view> <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view> </view> </view> </view> wxss代码如下 /* 作为展示用的样式 */ .weui-footer{ margin-bottom: 50px; } .weui-footer_fixed-bottom{ margin-bottom: 0; } |
|
上一篇: weui progress进度条使用教程 | 下一篇: weui表单 |