排版效果
咨询 收藏
立即购买 加入购物车
<div class="footbar"> <div class="footbar-left"> <a href=""><i class="ui-icon-message"></i>咨询</a> <a href=""><i class="ui-icon-star"></i>收藏</a> </div> <div class="footbar-right"> <a href="">立即购买</a> <a href="">加入购物车</a> </div> </div>
咨询 收藏
立即购买
<div class="footbar"> <div class="footbar-left"> <a href=""><i class="ui-icon-message"></i>咨询</a> <a href=""><i class="ui-icon-star"></i>收藏</a> </div> <div class="footbar-right"> <a href="">立即购买</a> </div> </div>
首页
单独购买 ￥19.8 发起拼团 ￥15.8
底部浮动
<div class="footbar fixed-bottom"> <div class="footbar-left"> <a href=""><i class="ui-icon-home"></i>首页</a> </div> <div class="footbar-right"> <a href="">单独购买 <sub>￥</sub>19.8</a> <a href="">发起拼团 <sub>￥</sub>15.8</a> </div> </div>