take-image.wxml 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <view class="ocr-photograph-panel">
  2. <camera
  3. class="ocr-photograph-camera"
  4. flash="{{ isTorchOn ? 'torch' : 'off'}}"
  5. >
  6. <cover-view class="ocr-photograph-selection-box">
  7. <cover-view class="ocr-photograph-selection-area vertical ocr-photograph-selection-area-{{theme}}">
  8. <cover-view
  9. class="ocr-photograph-bar ocr-photograph-bar-{{theme}}"
  10. wx:if="{{isAutoMode}}"
  11. animation="{{barMove}}"
  12. bindtransitionend="reAnimation"></cover-view>
  13. <cover-view wx:if="{{category==='ID_CARD' && side==='FRONT' || category==='ID_CARD_FRONT'}}" style="margin-top:30rpx;margin-left:320rpx;">
  14. <cover-image src="https://beta.gtimg.com/GodIdent/huiyan/img/ico-head.png" style="width:140px;height:157px;"></cover-image>
  15. </cover-view>
  16. <cover-view wx:if="{{category==='ID_CARD' && side==='BACK' || category==='ID_CARD_BACK'}}" style="margin-top:20rpx;margin-left:10rpx;">
  17. <cover-image src="https://beta.gtimg.com/GodIdent/huiyan/img/ico-guohui.png" style="width:76px;height:79px;"></cover-image>
  18. </cover-view>
  19. </cover-view>
  20. <cover-view class="ocr-photograph-tips">
  21. <cover-image
  22. class="icon"
  23. src="https://ocr-static-1254418846.file.myqcloud.com/mpsdk/images/warning.png"
  24. />
  25. <cover-view class="text">证件请避免折角、遮挡和反光</cover-view>
  26. </cover-view>
  27. <cover-view class="ocr-photograph-btns">
  28. <cover-image
  29. wx:if="{{!disableAlbum}}"
  30. class="ocr-photograph-pictuer-btn"
  31. src="https://ocr-static-1254418846.file.myqcloud.com/mpsdk/images/chooseImg.png"
  32. bind:tap="chooseImage"
  33. />
  34. <cover-image
  35. wx:if="{{!isAutoMode}}"
  36. class="ocr-photograph-take-btn ocr-photograph-take-btn-{{theme}}"
  37. src="{{theme==='native' ? 'https://ocr-static-1254418846.file.myqcloud.com/mpsdk/images/takePicNative.png' : 'https://ocr-static-1254418846.file.myqcloud.com/mpsdk/images/takePicPrimary.png'}}"
  38. bind:tap="takeImage"
  39. >
  40. </cover-image>
  41. <cover-image
  42. class="ocr-photograph-flash-btn"
  43. src="{{isTorchOn ? 'https://ocr-static-1254418846.file.myqcloud.com/mpsdk/images/flashOn.png' : 'https://ocr-static-1254418846.file.myqcloud.com/mpsdk/images/flashOff.png'}}"
  44. bind:tap="toggleTorch"
  45. ></cover-image>
  46. </cover-view>
  47. </cover-view>
  48. </camera>
  49. </view>