- 开发工具打开卡住,重装后还是这样,怎么解决?
[图片]
03-12 - 微信小程序页面ios和安卓显示样式不一致,ios没问题,安卓样式乱了
页面样式问题:苹果手机上显示正常,微信开发者工具显示正常,在安卓手机上显示不正常,如下图 [图片] 图1 [图片] 图2 --wxml-- <view class="pileBox"> <view class="plist" wx:for="{{pileList}}" wx:for-index="key" wx:for-item='value' wx:key="key"> <view class="top"> <view class="pile">充电桩: {{key}}</view> <view class="statusBox"> <view class="speed" wx:if="{{value.charge_type==2 || value.charge_type==3}}">快</view> <view class="speed green" wx:if="{{value.charge_type==1 || value.charge_type==3}}">慢</view> </view> </view> <view class="pileCon"> <view class="pileItem" wx:for="{{value.gun_list}}" wx:for-index="i" wx:for-item="item" data-code="{{item.gun_code}}" bind:tap="goCharging"> <view class="gunBox"> <view class="gunNum">{{item.gun_name}}</view> <view class="status">空闲</view> </view> <view class="gunImg"><image src="/image/charge/cs03.png" mode=""/></view> <view class="chargeBtn">去充电</view> </view> </view> </view> </view> --wxss-- .pileBox{ width: 100%; padding: 20rpx; box-sizing: border-box; } .pileBox .plist{ background-color: #fff; border-radius: 20rpx; padding: 20rpx; margin-bottom: 10rpx; } .pileBox .plist .top{ display: flex; justify-content: space-between; font-size: 26rpx; } .pileBox .plist .top .pile{ font-weight: 700; font-size: 26rpx; } .pileBox .plist .top .statusBox{ display: flex; justify-content: flex-end; } .pileBox .plist .top .statusBox .speed{ padding:5rpx 10rpx; background-color: #ff8d1a; font-size: 20rpx; color:white; } .pileBox .plist .top .statusBox .green{ margin-left: 20rpx; background-color: #43cf7c; } .pileBox .pileCon{ display: flex; justify-content: space-between; margin-top: 20rpx; } .pileCon .pileItem{ width: 49%; height: 200rpx; border-radius: 10rpx; border:1rpx solid #ccc; padding: 10rpx; box-sizing: border-box; } .pileCon .pileItem .gunBox{ display: flex; justify-content: center; font-size: 22rpx; } .pileCon .pileItem .gunBox .status{ margin-left: 20rpx; color:#43cf7c; } .pileCon .pileItem .gunImg{ width: 100rpx; height: 85rpx; margin: 15rpx auto; } .pileCon .pileItem .gunImg image{ width: 100%; height: 100%; } .pileCon .pileItem .chargeBtn{ width: 120rpx; height: 30rpx; line-height: 30rpx; border-radius: 30rpx; background-color: #ff8d1a; color:#fff; font-size: 20rpx; text-align: center; margin:0 auto; }
2023-09-20