flex布局 查看wxml布局的详情会出现刷新布局的问题

<!--page/czsh/czsh.wxml-->

<view class="table cz-data">

<view class="tr">

<view class="td width-5">

<text class="label">车牌:</text>

<text class="edit-txt">123</text>

</view>

<view class="td width-5">

<text class="label">方向:</text>

<text class="edit-txt">234</text>

</view>

</view>

<view class="tr">

<view class="td width-5">

<text class="label">毛重:</text>

<text class="edit-txt">345</text>

</view>

<view class="td width-5">

<text class="label">净重:</text>

<text class="edit-txt">456</text>

</view>

</view>

<view class="display-flex">

<block wx:if="{{true}}">

<view class="czsh-y flex-1">通过</view>

<view class="czsh-n flex-1">不通过</view>

</block>

<block wx:else>

<view>审核通过</view>

</block>

</view>

</view>

<view class="cz-image  flex-1 text-center display-flex flex-column">

<view class="display-flex">

<view class="inline-block flex-1">前景</view>

<view class="inline-block flex-1">后侧</view>

<view class="inline-block flex-1">左侧</view>

<view class="inline-block flex-1">右侧</view>

<view class="inline-block flex-1">车牌</view>

</view>

<view class="flex-1">

<image class="image"  src='https://avatars1.githubusercontent.com/u/11823761?v=4'></image>

</view>

<view class="display-flex " style="height:120rpx">

<view class="inline-block flex-1">上一条</view>

<view class="inline-block flex-1">下一条</view>

</view>

</view>