这是.wxml代码: <view class='container'> <text class="title-text">{{title1}}</text> <view wx:if="{{deviceonoff == 1}}"> <image class="image" mode="widthFix" lazy-load src='{{imgonurl}}'></image> </view> <view wx:else> <image class="image" mode="widthFix" lazy-load src='{{imgoffurl}}'></image> </view> <view class="status-container"> <view class="status-box" wx:for="{{devicestatus}}" wx:key="index"> <text>{{item.Identifier}}</text><text class="status-text">{{item.value}}</text> </view> </view> <view> <text class='data-title-text'>{{title2}}</text> </view> <view class="data-container"> <view class="data-box" wx:for="{{device}}" wx:key="index" data-url="{{item.logurl}}" bindtap="to_log"> <text class="data-text">{{item.value}} {{item.unit}}</text> <text>\n{{item.name_cn}}</text> <text>{{item.name_en}}</text> </view> </view> <view> <text class='data-title-text'>{{title3}}</text> </view> <!-- <view> <map class="map" latitude='{{markers[0].latitude}}' longitude='{{markers[0].longitude}}' markers="{{markers}}"></map> <button class="button" bindtap='tapmap'>{{buttontext}}</button> </view> --> <view class="footer"> <view> <image class="thlogo" mode="widthFix" src='{{imglogourl}}'></image> </view> <view> <text class='data-title-text' space="nbsp">{{THSD}}</text> </view> </view> </view> 这是.wxss代码: .container { height: 100vh; display: flex; flex-direction: column; } .title-text { font-size: 32rpx; font-weight: bold; margin: 20rpx; } .image { width: 100%; } .status-container{ display: flex; flex-direction: row; flex-wrap: wrap; } .status-box{ display: flex; flex-direction: column; align-items: center; justify-content: space-around; width: 50%; font-size: 24rpx; height: 80rpx; } .status-text { color: green; font-size: 26rpx; } .data-container{ display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; } .data-box{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 32%; border: 1rpx solid silver; margin: 1rpx; font-size: 24rpx; height: 200rpx; } .data-text { color: green; font-size: 32rpx; font-weight: bolder; } .data-title-text { color: silver; font-size: 24rpx; } .map { width: 100%; height: 450rpx; } .button{ width: 100%; font-size: 32rpx; } .footer { display: flex; flex-direction: row; justify-content: center; margin-top: 20rpx; } .thlogo{ width: 100rpx; height: 100rpx; }
小程序怎么在苹果手机上显示不正常?小程序在模拟器和安卓手机上显示都挺好的,但是苹果手机显示不正常,好多内容重叠了(见截图),地图应该在页面底部显示的,现在地图把中间的列表循环都遮盖了。 请大神指点,该怎么调整?谢谢! [图片]
2020-07-09