广州门户网站制作_flash网站设计_制造网站_东莞常平网站设计
<template><view class="lary-top" :style="{ height: `${topBarHight}px` }"></view><Camerav-show="!canvasShow"class="camera-photo":style="{width: `${info.windowWidth}px`,height: `${info.windowHeight}px`,}"><viewclass="page-flex":style="{width: `${info.windowWidth}px`,height: `${info.windowHeight}px`,}"><view:style="{height: `${info.windowHeight}px`,width: `${convasXL}px`,}"class="page-mask page-mask-lr take-photo"><viewclass="colose-x":style="{ marginTop: `${convasY - 75}px` }"><cover-imagesrc="@/assets/imgs/icon-x.png"style="height: 24px; width: 24px"@tap="evtBack"></cover-image></view></view><viewclass="page-content":style="{ height: `${info.windowHeight}px` }"><viewclass="page-mask":style="{ height: `${convasY - 40}px` }"></view><viewclass="camera-frame":style="{width: `100%`,height: `${canvasHeight}px`,}"><view class="corner top-left"></view><view class="corner top-right"></view><view class="corner bottom-left"></view><view class="corner bottom-right"></view></view><viewclass="page-mask tackPhoto":style="{ height: `${convasY + 40}px` }"><view class="confirm-photo" @tap="takePhoto">><view class="in-box"></view></view></view></view><view:style="{height: `${info.windowHeight}px`,width: `${convasXL}px`,}"class="page-mask page-mask-lr"></view></view><view class="id-card">请对准框内拍摄<view class="id-card-text">题目</view></view></Camera><viewv-show="canvasShow"class="canvas-main":style="{height: `${info.windowHeight}px`,width: `${info.windowWidth}px`,}"><TopNavbar ref="topbarRef" :navbar-props="{ title: '' }"><template #left><Left @click="evtBack" /></template><template #right><Left color="transparent" /></template></TopNavbar><viewstyle="flex-grow: 1; background-color: rgba(1, 1, 1, 0.9)"class="canvas-wrepper"><view :style="{ width: `${canvasWidth + 40}px` }"><Canvasclass="canvas-style"canvas-id="myCanvas":style="{width: `${canvasWidth}px`,height: `${canvasHeight}px`,}"></Canvas><!-- 二侧底部按钮 --><viewstyle="display: flex;justify-content: space-between;margin-top: 20px;"><viewstyle="color: #fff; font-size: 16px"@tap="reTakePhoto">重新拍照</view><viewstyle="color: #fff; font-size: 16px"v-if="isImgLoading">文件处理中...</view><viewstyle="color: #fff; font-size: 16px"@tap="startOcr"v-if="!isImgLoading">开始识别</view></view></view></view></view>">