样式top:-50%在iOS端失效
将两个mp-row通过style="top: -50%;"进行重叠,在安卓端可以实现,但在iOS端完全没有效果,iOS端的第二个mp-row会渲染在下一行,位置完全没变 其中top样式无论是内联, 还是写在wxss, 还是在wxs设置都不能生效 安卓端正常显示: [图片] iOS的iPhone端: [图片] iOS的iPad端: [图片] 问题代码: <mp-row class="room-progress">
<mp-col wx:for="{{testjson.prompt}}" wx:key="prompt" xs="6" sm="4" md="3" lg="3" xl="3" >
<block wx:if="{{item.available == 1}}">
<progress class="progress-available" percent="{{item.occupy_rate * 100}}" active stroke-width="30" active-color="#1aad19" border-radius="5" background-color="#999999" ></progress>
</block> <block wx:else>
<progress class="progress-unavailable" percent="{{item.occupy_rate * 100}}" active stroke-width="30" active-color="#cac424" border-radius="5" background-color="#999999" ></progress>
</block>
</mp-col>
</mp-row>
<mp-row class="room-text-box" style="top: -50%;">
<mp-col wx:for="{{testjson.prompt}}" wx:key="prompt" xs="6" sm="4" md="3" lg="3" xl="3" >
<view class="room-text">
{{item.room_name}}
</view>
</mp-col>
</mp-row>