camera-modal

一个相机人脸录入组件，支持图像缩放，拖动

链接

• Github
• NPM

用法

npm:

npm install camera-modal

Javascript

import Vue from 'vue'
import CameraModal from "camera-modal";
Vue.use(CameraModal)

Vue component

<template>
  <CameraModal :show.sync="modalShow" />
</template>
 
<script>
export default {
  data() {
    return {
      modalShow: false
    }
  },
}
</script>

组件属性

组件属性说明文档

属性	类型	默认值	描述
show	Boolean	弹窗显示与否	false
title	String	"人脸录入"	标题信息
message	String	[default]	[default]
zIndex	[String, Number]	3000	弹窗层级

定制信息

支持自定义公告信息，使用如下：

<camera-modal>
  <div class="message-containter" slot="message">
    <i class="message-icon"></i>
    <span class="message-content">
      这是信息
    </span>
  </div>
</camera-modal>

监听事件

事件	说明	返回值
onConfirmCallBack	确认按钮回调	data:Imagebase64
onCloseCallBack	弹窗关闭按钮回调	undefined
onCancelCallBack	取消按钮回调	undefined