<xr-demo-viewer
 style="width: 701rpx; height: 844rpx; display: inline;">
     <xr-classic-video
        disable-scroll
        id="main-frame"
        width="{{renderWidth}}"
        height="{{renderHeight}}"
        style="width:{{renderWidth}}rpx;height:{{renderHeight}}rpx;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>
    <text style=" position: absolute; top: 780rpx; color: white;font-size: 18px;">加载中,请稍候</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}}" >
  <view wx:if="{{!isStartluxiang}}">
 
  <button class="tapbtn" plain="true" bindtap="clickZhaoHuan"  style="position: fixed; right: 30rpx; top: 450rpx; width:180rpx; height: 160rpx" >
  <image wx:if="{{!zhaohuanstate}}" 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>
  <image wx:if="{{zhaohuanstate}}" class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/zhaohuanBtn2.png'  style="position: absolute; left: 0rpx; top:-15rpx;  height: 180rpx; width:180rpx;" ></image>
</button>

<button class="tapbtn" plain="true" bindtap="clickPaiZhao"  style="position: fixed; right: 30rpx; top: 650rpx; width:180rpx; height: 160rpx">
  <image wx:if="{{!paizhaostate}}" 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>
  <image wx:if="{{paizhaostate}}" class="tapimg3" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/paizhaoBtn2.png'  style="position: absolute; left: 0rpx; top:-15rpx;  height: 180rpx; width:180rpx;" ></image>
</button>

<button class="tapbtn" plain="true" bindtap="clickLuXiang"  style="position: fixed; right: 30rpx; top: 850rpx; width:180rpx; height: 160rpx">
  <image wx:if="{{!luxiangstate}}" 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>
  <image  wx:if="{{luxiangstate}}" class="tapimg4" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/luzhiBtn2.png'  style="position: absolute; left: 0rpx; top:-15rpx;  height: 180rpx; width:180rpx;" ></image>
</button>
</view>

<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="tapbtn" 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="tapbtn" 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="tapbtn" 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="tapbtn" 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="tapbtn" plain="true" bindtap="clickShowLeft"  style="position: fixed; left: 20rpx; top: 600rpx; 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>
 <!-- <image wx:if="{{current==0}}" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/%E9%80%89%E6%8B%A9%E7%A5%9E%E5%85%BD-%E9%B8%BE%E9%B8%9F%E9%A2%84%E8%A7%88%E5%9B%BE.png' style="position: absolute; left: 80rpx; top:300rpx;  height: 600rpx; width:600rpx;">
  </image>
  <image wx:if="{{current==1}}" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/%E9%80%89%E6%8B%A9%E7%A5%9E%E5%85%BD-%E5%BA%94%E9%BE%99%E9%A2%84%E8%A7%88%E5%9B%BE.png' style="position: absolute; left: 80rpx; top:300rpx;  height: 600rpx; width:600rpx;">
  </image>
  <image wx:if="{{current==2}}" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/%E9%80%89%E6%8B%A9%E7%A5%9E%E5%85%BD-%E5%A4%AB%E8%AF%B8%E9%A2%84%E8%A7%88%E5%9B%BE.png' style="position: absolute; left: 80rpx; top:300rpx;  height: 600rpx; width:600rpx;">
  </image>
  <image wx:if="{{current==3}}" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/%E9%80%89%E6%8B%A9%E7%A5%9E%E5%85%BD-%E7%8B%BB%E7%8C%8A%E9%A2%84%E8%A7%88%E5%9B%BE.png' style="position: absolute; left: 80rpx; top:300rpx;  height: 600rpx; width:600rpx;">
  </image>-->
<button class="tapbtn" plain="true" bindtap="clickShowRight"  style="position: fixed; right: 20rpx; top: 600rpx; 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 wx:if="{{ UiShowModel_Bottom }}" 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>
-->
  <swiper class="swiper-container" current="{{current}}" style="position: fixed;  top: 0rpx; width: 100%; height: 100%; left: 0rpx; display: flex; box-sizing: border-box" bindchange="changeMoel">
 <swiper-item wx:for="{{products}}"  >
        <image class="bg_main1" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/ui-bg.png' style="position: absolute; bottom: 0rpx; display: flex ;justify-content: end;align-items: center; left: 10%;width: 80%;">      
          <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:50rpx; font-size:38rpx; font-weight: bold;">{{item.name}}</view>
           <view style="color: rgb(106, 172, 186); position: absolute; right: 150rpx; top:50rpx; font-size:38rpx; font-weight: bold;">¥{{item.price}}</view>
           <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:125rpx; font-size:25rpx; font-weight: bold; width:395rpx;  ">{{item.attach}}</view>
           <view style="color: rgb(26, 26, 26); position: absolute; left: 70rpx; top:170rpx; font-size:25rpx; width:395rpx;  ">{{item.desc}}</view>

          <button class="tapbtn" plain="true" bindtap="clickCloseUIShow"  style="position: absolute; right: 20rpx; top: 20rpx; width:52rpx; height: 52rpx" >
              <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: 52rpx; width:52rpx;" ></image>
           </button>

           <button wx:if="{{!item.activate}}" class="tapbtn" plain="true" bindtap="clickJiSuoModel"   style="position: absolute; right: 80rpx; top: 255rpx; height: 120rpx; width:360rpx; ">
              <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/WeiJieSuo.png'  style="position: absolute; left: -20rpx; top:0rpx;   height: 120rpx; width:325rpx;" ></image>
           </button>

           <button  wx:if="{{item.activate}}" class="tapbtn" plain="true"  style="position: absolute; right: 80rpx; top: 255rpx; height: 120rpx; width:360rpx; ">
              <image class="tapimg2" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/YiJieSuo.png'  style="position: absolute; left: 0rpx; top:12rpx;   height: 80rpx; width:300rpx;" ></image>
           </button>
         
        </image>

        <image wx:if="{{!item.activate}}" class="modelImg" src="{{item.modelImg}}" style="position: absolute; top:300rpx; left: 80rpx; width: 600rpx; height: 600rpx; ">
        </image>

        <image wx:if="{{item.activate}}" class="modelImg" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/%E8%AF%B7%E7%8E%AF%E9%A1%BE%E5%9B%9B%E5%91%A8%E5%AF%BB%E6%89%BE%E7%A5%9E%E5%85%BD.png' style="position: absolute;bottom: 500rpx; left: 170rpx; width: 400rpx; height: 80rpx; "/>

  </swiper-item>
  
</swiper>

<image  class="modelImg" src='https://wx-model-1317557471.cos.ap-shanghai.myqcloud.com/WXImage/1221708399762_.pic.jpg' style="position: absolute; top:80rpx; left: 170rpx; width: 400rpx; height: 80rpx; "/>
 
<!--<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>