index.wxml 1.5 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <xr-demo-viewer>
  2. <xr-ar-2dmarker
  3. disable-scroll
  4. id="main-frame"
  5. width="{{renderWidth}}"
  6. height="{{renderHeight}}"
  7. style="width:{{width}}px;height:{{height}}px;top:{{top}}px;left:{{left}}px;display:block;"
  8. markerImg=""
  9. bind:assetsstr="handlestr"
  10. bind:arTrackerState="handleARTrackerState"
  11. recordState="{{recordState}}"
  12. captureState="{{captureState}}"
  13. />
  14. <view wx:if="{{!loadedSaoMiao}}" class="test" style="width: {{renderWidth}};height: {{renderHeight}}">
  15. <!-- 拍照按钮 -->
  16. <button class="no-press-effect" style="width: 100%; height: 100%" >
  17. <image style="width: 120px; height: 80px;" src="{{ar_2image}}">
  18. </image>
  19. <view class="intro-title" ><text>请将摄像头对准五仙雕像左侧木桌上的祥云图案</text>
  20. </view>
  21. </button>
  22. </view>
  23. <view wx:if="{{loadedSaoMiao}}" class="test" style=" width: {{renderWidth}};height: {{renderHeight}}">
  24. <button class="no-press-effect" style="left: -30%;"bindtap="onClickBack" >
  25. <image style="width: 100px; height: 30px;" src="{{fanhui}}">
  26. </image>
  27. </button>
  28. <!-- 拍照按钮 -->
  29. <button class="no-press-effect" style="display:flex;" id='btn-photo-video' bindtouchstart="handleTouchStart" bindtouchend="handleTouchEnd" bindlongpress="handleLongPress" bindtap="handleClick">
  30. <image style="width: 140px; height: 110px;" src="{{paizhao}}">
  31. </image>
  32. </button>
  33. </view>
  34. </xr-demo-viewer>