如上图所示:开始的时候进到下单页面,价格是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标签里。