微信小程序调用摄像头

最新推荐文章于 2025-04-11 17:22:45 发布

原创

最新推荐文章于 2025-04-11 17:22:45 发布

· 1.2w 阅读

25 ·

版权

一、调用摄像头与身份证对比验证

摄像头层级太高，要用cover-view和cover-image写按钮和icon，才能覆盖在camera上

二、代码

<template>
  <div class="bmxt container-camera">
    <camera
      device-position="front"
      flash="off"
      bindinitdone="initdone"
      binderror="error"
      ref="canvasDOM"
      :style="style"
    ></camera>
    <cover-view class="camera-top">
      <cover-image :src="pic" alt class="camera-pic" />
      <cover-view class="box-camera-top">
        <cover-view class="text-start">{
  { tip }}</cover-view>
        <cover-view v-if="nextBtn" class="b-btn" type="info" size="small" @click="next">下一步</cover-view>
        <cover-view