<xr-demo-viewer
 style="width: 701rpx; height: 844rpx; display: inline; box-sizing: content-box">
     <xr-classic-video
        disable-scroll
        id="main-frame"
        width="{{renderWidth}}"
        height="{{renderHeight}}"
        style="width:150%;height:100%;display:block;"
        markerImg="{{markerImg}}"
        bind:arTrackerState="handleARTrackerState"
        bind:assetsProgress="handleProgress"
        bind:assetsLoaded="handleLoaded"
        bind:assetsstr="handlestr"
    />
<!--wx:if="{{!loaded}}"-->

<!--  wx:if="{{loaded&&!loadedSaoMiao}}"-->


  <view  wx:if="{{!loadedSaoMiao}}" style="position: absolute; display: flex; justify-content: center; align-items: center; left: 146rpx; top: 261rpx; width: 100%; height: 441rpx; background-color: rgba(0, 0, 0,0); text-align: center; line-height: 24px; box-sizing: content-box">

    
  <image class="saomiao" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/GHZsaomiao.png'    style="position: relative; left: -143rpx; top: 92rpx; width: 777rpx; height: 586.5rpx; display: flex; box-sizing: border-box"></image>

  </view>
  

  <view  wx:if="{{!loadedSaoMiao}}" style="position: absolute; display: flex; justify-content: center; align-items: center; left: 0rpx; top: 801rpx; width: 100%; height: 100rpx; background-color: rgba(0, 0, 0,0); text-align: center; line-height: 24px; box-sizing: content-box">

    
  <image class="tapimg1" bind:tap="handleTrackerSwitch" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXModel/btn_skip.png'  style="position: relative; left: 0rpx; top: 0rpx; width: 500rpx; height: 80rpx; display: flex; box-sizing: border-box" ></image>

</view>


  <view  wx:if="{{!loadedSaoMiao}}" style="position: absolute; display: flex; justify-content: center; align-items: center; left: 146rpx; top: 261rpx; width: 100%; height: 441rpx; background-color: rgba(0, 0, 0,0); text-align: center; line-height: 24px; box-sizing: content-box">

    
<!--<image class="shibietu" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/shibietu.png'    style="position: relative; left: -150rpx; top: 856rpx; width: 750rpx; height: 268rpx; display: flex; box-sizing: border-box"></image>-->
</view>
  <view  style="position: absolute; display: flex; justify-content: center; align-items: center; left: 146rpx; top: 261rpx; width: 100%; height: 441rpx; background-color: rgba(0, 0, 0,0); text-align: center; line-height: 24px; box-sizing: content-box">

    
<image  wx:if="{{loadedSaoMiao}}"  class="zhaohuan" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/zhaohuan.png'    style="position: relative; left: -164rpx; top: 704rpx; width: 554rpx; height: 211rpx; display: flex; box-sizing: border-box"></image>
</view>

</xr-demo-viewer>