美文网首页
解决页面wx:if页面闪烁

解决页面wx:if页面闪烁

作者: Do_Du | 来源:发表于2019-11-07 14:04 被阅读0次

一开始先隐藏起来,等页面加载完再显示

data: {
    isInit: false,  // 解决页面wx:if页面闪烁
  },
onLoad: function (options) {
    var that = this;
    wx.showLoading({
      title: '加载中',
    })
    // 获取案件详情
    app.request({
      url: app.api.case.detail,
      data: {
        id: id
      },
      success(res) {
        setTimeout(()=>{
          wx.hideLoading();
        },800)

        that.setData({
          isInit: true
        })

        if (res.code == 200) {
        
        }else{
          wx.showToast({
            title: `${res.message}`,
            icon: 'none'
          })
        }
      }
    })
  }

html

<view class="m-newcon m-conbox m-orgList" wx:if="{{isInit}}">
  <view class='bg_top' wx:if="{{detail.case_status != 'applying'}}">
    <image src='{{xcxImages}}/bg_detail.png' style="width:750rpx; height:215rpx;"></image>
  </view>
</view>

相关文章

网友评论

      本文标题:解决页面wx:if页面闪烁

      本文链接:https://www.haomeiwen.com/subject/rwjolctx.html