小程序部分机型上一个诡异的偶现bug

小程序部分机型上一个诡异的偶现bug

 

 

 如上图所示:开始的时候进到下单页面,价格是0,当选中了商品产生价格的时候,生成的价格如 ¥150,这个时候会只露出¥1以及一小半的5,后面的都被遮挡住了。

wxml里是这样的写的

<view wx:if="{{selectedDate}}" class="price totalPrice">{{totalPrice}}</view> //选中了日期以后才会计算总价
<view wx:else class="price totalPrice">0</view>

两个view动态切换的时候,当有价格了,就会出现以上问题。部分价格被挡住。

重点是:这个问题只在测试的iphone 8p上才有这个问题,微信版本7.0,也还不是必现的。当点击了明细展开弹层或者打开调试窗口的时候,又会全部露出来。

分析:由于手机性能的问题,导致dom刷新卡住了,有了价格以后的view虽然是切换到了 第一个if了,但是view的宽度仍然是else的。

解决方法:<view class="price totalPrice">{{selectedDate ? (totalPrice || 0):0}}</view> 把它放在一个dom标签里。

小程序部分机型上一个诡异的偶现bug

上一篇:商品管理小程序


下一篇:你的微信接收消息也会延迟吗?原因居然出在这,一招教你轻松解决