<view class="ar-page">
  <xr-ar-2dmarker
    disable-scroll
    id="main-frame"
    width="{{renderWidth}}"
    height="{{renderHeight}}"
    style="width:{{width}}px;height:{{height}}px;top:{{top}}px;left:{{left}}px;display:block;"
    markerImg="{{markerImg}}"
    bind:arTrackerState="handleARTrackerState"
    bind:loadState="handleLoadState"
  />
  <view wx:if="{{showLoading}}" class="loading-mask">
    <view class="loading-card">
      <view class="loading-spinner"></view>
      <view class="loading-text">{{loadingText}}</view>
      <view wx:if="{{loadingProgress >= 0}}" class="loading-progress">{{loadingProgress}}%</view>
    </view>
  </view>
</view>
