实际(Android) 以及 预想的 样式是

IOS  显示的 会出现

wxml  代码为：

<cover-view class="foot-box">

<block wx:if="{{line==1}}">

<cover-view class="map_line">

cover-view>

block>

<block wx:elif="{{line==2}}">

<cover-view class="map_line_two">

cover-view>

block>

<block wx:elif="{{line==3}}">

<cover-view class="map_line_th">

cover-view>

block>

<cover-view class="fl1 box-item" bindtap='change_repair'>

<cover-view class='box-num'>112cover-view>

<cover-view class='mt-5'>附近工匠cover-view>

cover-view>

<cover-view class="box-line">

cover-view>

<cover-view class="fl1 box-item" bindtap='change_adviser'>

<cover-view class='box-num'>18cover-view>

<cover-view class='mt-5'>附近工长cover-view>

cover-view>

<cover-view class="box-line">

cover-view>

<cover-view class="fl1 box-item" bindtap='change_site'>

<cover-view class='box-num'>36cover-view>

<cover-view class='mt-5'>附近工地cover-view>

cover-view>

cover-view>

<cover-view class='location' bindtap='user_loc'>

<cover-image class='loc-img' src='/image/dw.png'>cover-image>

cover-view>

wxss 代码为：

.foot-box{

width: 100%;

height: 120rpx;

/* position: fixed; */

position: absolute;

bottom: 0;

text-align: center;

background-color: rgba(255, 211, 80, 0.8);

display: flex;

display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */

display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */

display: -ms-flexbox; /* TWEENER - IE 10 */

display: -webkit-flex;

}

.box-item{

color: #333;

font-