小程序部分机型上一个诡异的偶现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标签里。