Skip to content

ScanKit Code 华为码图

扩展插件

本组件属于扩展插件,非框架内置,可根据需求自行下载

下载地址:https://ext.dcloud.net.cn/plugin?name=sn-e-scankit


  • 此插件是扩展插件,基于华为统一扫码服务(Scan Kit)封装。Scan Kit支持将字符串转换为一维码或二维码,目前已支持的码制式为EAN-8、EAN-13、UPC-A、UPC-E、Codabar、Code 39、Code 93、Code 128、ITF14、QR、DataMatrix、PDF417、Aztec。您只需要提供字符串、码制式和码图尺寸要求,即可获得相应的码图。在生成QR码前,您还可以在固定区域上传图片,如厂家Logo,生成一些个性化的QR码。
vue
<template>
    <sn-e-scankit-code data="Hello, world!"
    style="width: 100px;height: 100px;"></sn-e-scankit-code>
</template>

兼容性

WebAndroid
×

属性

参数说明类型默认值可选值
data需要编码的数据String--
type码图类型ScanTypeQRCODE见下
margin码图边距Number1-
bgColor码图背景颜色String#ffffff-
frontColor码图前景颜色String#000000-
qrErrorLevel二维码错误容错级别StringML| M | Q | H
qrLogo二维码中间的 Logo 图片路径String--

类型

typescript
export type ScanType =
	| "CODE_128"
	| "CODE_39"
	| "CODE_93"
	| "CODABAR"
	| "EAN_13"
	| "EAN_8"
	| "ITF_14"
	| "UPC_A"
	| "UPC_E"
	| "QRCODE"
	| "PDF_417"
	| "AZTEC"
	| "DATAMATRIX"
	| "MULTI_FUNCTIONAL";

使用 MIT 协议