<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"
        bind:sceneReady="handleReady"
        captureState="{{captureState}}"
        recordState="{{recordState}}"
        captureType="{{captureType}}"
        captureQuality="{{captureQuality}}"
        recordFPS="{{recordFPS}}"
        recordBPS="{{recordBPS}}"
        recordWidth="{{recordWidth}}"
        recordHeight="{{recordHeight}}"
        uiShowModelView="{{uiShowModelView}}"
        uiShowIndex ="{{uiShowIndex}}"
     
    />



 



<!--<videw wx:if="{{!loaded}}"-->
  <view  wx:if="{{!loaded}}" style="position: absolute;display: flex; justify-content: center; align-items: center; left: 0;top: 0;width: 100%;height:100%;background-color: rgba(0, 0, 0,1); text-align: center;line-height: 24px;">
    <text style="color: white;font-size: 18px;">{{progressInfo}}</text>

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

  <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="{{loaded}}"  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>-->

<view wx:if="{{loaded}}" class="zhaohuan">

  <view wx:if="{{uiMainView}}" >
  
 
  <button class="tapbtn2" plain="true" bindtap="clickZhaoHuan"  style="position: fixed; right: 30rpx; top: 450rpx; width:180rpx; height: 160rpx" >
  <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/rigth_zhaohuan.png'  style="position: absolute; left: 0rpx; top:-15rpx;  height: 180rpx; width:180rpx;" ></image>
</button>

<button class="tapbtn3" plain="true" bindtap="clickPaiZhao"  style="position: fixed; right: 30rpx; top: 650rpx; width:180rpx; height: 160rpx">
  <image class="tapimg3" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/right_paizhao.png'  style="position: absolute; left: 0rpx; top:-15rpx;  height: 180rpx; width:180rpx;" ></image>
</button>

<button class="tapbtn4" plain="true" bindtap="clickLuXiang"  style="position: fixed; right: 30rpx; top: 850rpx; width:180rpx; height: 160rpx">
  <image class="tapimg4" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/right_luxiang.png'  style="position: absolute; left: 0rpx; top:-15rpx;  height: 180rpx; width:180rpx;" ></image>
</button>

<swiper  class="swiper-container"  style="position: fixed; left: 100rpx; top: 1070rpx; width: 554rpx; height: 1000rpx; display: flex; box-sizing: border-box">
 <!--<swiper-item wx:for="{{listShowModelDes}}" style="top:1200rpx; left:100rpx;" >
        <image class="bg_main" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ui-bg.png' style=" left: 80rpx;  top: 100rpx;">      
          <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:50rpx; font-size:38rpx; font-weight: bold;">{{item.ModelName}}</view>
           <view style="color: rgb(26, 26, 26); position: absolute; left: 180rpx; top:50rpx; font-size:38rpx; font-weight: bold;">{{item.ModelPrice}}</view>
           <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:120rpx; font-size:25rpx; width:395rpx;  ">{{item.ModelIntroduce}}</view>

          <button class="tapbtn2" plain="true" bindtap="clickCloseUIShow"  style="position: fixed; right: 130rpx; top: 1230rpx; width:60rpx; height: 60rpx" >
              <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ze-cross.png'  style="position: absolute; left: 0rpx; top:0rpx;  height: 60rpx; width:60rpx;" ></image>
           </button>
        </image>
  </swiper-item>--> 
  <swiper-item wx:for="{{imgUrls}}" style=" left: 80rpx;">
  <image src='{{item}}' width="500" height="250" mode='widthFix' class='img' />
 </swiper-item>
</swiper>
<view wx:if="{{zhaohuanstate}}" class="zhaohuanView">

 

  <image  class="zhaohuan" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/zhaohuanText.png'    style="position: fixed; left: 100rpx; top: 1070rpx; width: 554rpx; height: 80rpx; display: flex; box-sizing: border-box">
  </image>
  

  <button class="tapbtn5" plain="false" bindtap="ClickzhaohuanSS"  style="position: fixed; left:230rpx; top: 1190rpx; ">
    <image  class="zhaohuan" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/zhaohuanBtn.png'    style="position: fixed; left:230rpx; top: 1190rpx; width: 300rpx; height: 100rpx; display: flex; box-sizing: border-box"></image>
  </button>

  
</view>

<view wx:if="{{paizhaostate}}" class="paizhaoView">
  <image  class="paizhao" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/paizhaoText.png'    style="position: fixed; left: 100rpx; top: 1070rpx; width: 554rpx; height: 80rpx; display: flex; box-sizing: border-box"></image>

  <button class="tapbtn6" plain="true" bindtap="Clickpaizhaoss"  style="position: fixed; left:230rpx; top: 1190rpx;">
    <image  class="paizhao" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/paizhaoBtn.png'    style="position: fixed; left:300rpx; top: 1190rpx; width: 160rpx; height: 160rpx; display: flex; box-sizing: border-box"></image>
  </button>
</view>

<view wx:if="{{luxiangstate}}" class="luxiangView">
  <view wx:if="{{isStartluxiang}}" class="startluxiang">
    <image  class="luxiang" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/luxiang2Text.png'    style="position: fixed; left: 100rpx; top: 1070rpx; width: 554rpx; height: 80rpx; display: flex; box-sizing: border-box"></image>

  <button class="tapbtn8" plain="true" bindtap="Clickcloseluxiang"  style="position: fixed; right: 30rpx; top: 1190rpx; ">
    <image  class="luxiang" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/luxiang2Btn.png'    style="position: fixed; left:300rpx; top: 1190rpx; width: 160rpx; height: 160rpx; display: flex; box-sizing: border-box"></image>
  </button>
  </view>

  <view wx:if="{{!isStartluxiang}}" class="closeluxiang">
    <image  class="luxiang" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/luxiang1Text.png'    style="position: fixed; left: 100rpx; top: 1070rpx; width: 554rpx; height: 80rpx; display: flex; box-sizing: border-box"></image>

<button class="tapbtn7" plain="true" bindtap="Clickstartluxiang"  style="position: fixed; left:230rpx; top: 1190rpx;">
  <image  class="luxiang" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/luxiang1Btn.png'    style="position: fixed; left:300rpx; top: 1190rpx; width: 160rpx; height: 160rpx; display: flex; box-sizing: border-box"></image>
</button>
 
</view>
</view>

</view>


<view wx:if="{{uiShowModelView}}" class="ZhaoHuanShowModel">

 

<view class ="uiShowModel">
  <button class="tapbtn2" plain="true" bindtap="clickShowLeft"  style="position: fixed; left: 20rpx; top: 700rpx; width:100rpx; height: 100rpx" >
  <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/if-caret-left.png'  style="position: absolute; left: 0rpx; top:-15rpx;  height: 100rpx; width:100rpx;" ></image>
</button>

<button class="tapbtn2" plain="true" bindtap="clickShowRight"  style="position: fixed; right: 20rpx; top: 700rpx; width:100rpx; height: 100rpx" >
  <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/if-caret-right.png'  style="position: absolute; left: 0rpx; top:-15rpx;  height: 100rpx; width:100rpx;" ></image>
</button>
</view>

<view class="UiShowModel_Bottom">
  <image class="bg_left" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ui-bg-left.png'  style="position: absolute; left: 0rpx; top:1240rpx;  height: 450rpx; width:55rpx;" ></image>
  <image class="bg_left" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ui-bg-right.png'  style="position: absolute; right: 0rpx; top:1240rpx;  height: 450rpx; width:55rpx;" ></image>


 
<!--<image class="bg_main" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ui-bg.png'  style=" position: absolute; right: 120rpx; top:1200rpx;  height: 430rpx; width:520rpx;" >
    <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:50rpx; font-size:38rpx; font-weight: bold;">{{showModelName}}</view>
    <view style="color: rgb(26, 26, 26); position: absolute; left: 180rpx; top:50rpx; font-size:38rpx; font-weight: bold;">{{showModelPrice}}</view>
    <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:120rpx; font-size:25rpx; width:395rpx;  ">{{showModelIntroduce
}}</view>
    <button class="tapbtn2" plain="true" bindtap="clickCloseUIShow"  style="position: fixed; right: 130rpx; top: 1230rpx; width:60rpx; height: 60rpx" >

      <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ze-cross.png'  style="position: absolute; left: 0rpx; top:0rpx;  height: 60rpx; width:60rpx;" ></image>
    </button>
    
  </image>--> 
 

</view>
</view>


</view>
</xr-demo-viewer>