更新记录
1.1.1(2025-11-18)
优化
1.1.0(2025-11-17)
优化
1.0.9(2025-11-16)
优化
查看更多平台兼容性
uni-app(4.07)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| - | - | - | - | - | - | - | - | - | - | - |
uni-app x(4.07)
| Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
|---|---|---|---|---|---|
| - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
xtf-scanqrcode
二维码扫描
插件测试使用方法
1.选择试用,绑定要试用的项目appid,
2.选择后下载到对应的本地项目,
3.按照文档 -》把插件引入项目(即 import {openScan,ScanConfig} from "@/uni_modules/xtf-scanqrcode" 需要先引入),
4.发布-》云打包-》选择制作基座-》打包等基座制作完成
5.运行 -》 运行到手机或模拟器-》运行到Androidapp基座-》选择使用自定义基座运行-》选择手机-》运行
6.之前若安装过基座 ,请卸载之前的基座
注意
插件使用谷歌扫码库,安卓和iOS功能有一些区别 界面样式和自定义功能,请注意先试用 ios 支持ios15.5版本
uniappx
import {openScan,ScanConfig} from "@/uni_modules/xtf-scanqrcode"
openScan({
scanHintText:"一维码/二维码",
fullScreenScan:false,
isShowBeep:true,
isShowLightController:true,
isShowPhotoAlbum:true,
success: (type:number,data:string) => {
if(type==0){
that.title=data;
}
}
} as ScanConfig)
uniapp
import {openScan} from "@/uni_modules/xtf-scanqrcode"
openScan({
scanHintText:"一维码/二维码",
fullScreenScan:false,
isShowBeep:true,
isShowLightController:true,
isShowPhotoAlbum:true,
success: (type,data) => {
if(type==0){
that.title=data;
}
}
} )
ScanConfig 参数介绍
export type ScanConfig={
isShowVibrate?:boolean,//设置完成震动
isShowBeep?:boolean,//扫描完成声音
isShowPhotoAlbum?:boolean,//显示相册功能
isShowLightController?:boolean,//显示闪光灯
scanHintText?:string,// 扫描提示文字
scanHintTextColor?:string,// 扫码提示文字颜色
scanHintTextSize?:number,// 扫码提示文字大小
scanColor?:string,//扫码颜色
supportZoom?:boolean// 是否支持缩放
laserStyle?:boolean,
bgColor?:string,// 背景颜色
// gridScanLineColumn:number,
fullScreenScan?:boolean,// 是否全屏,
statusBarColor?:string// 状态栏背景颜色
statusBarDark?:boolean,// 状态栏文字颜色
scanFrameSizeScale?:number,// 框大小 0-1
zhezhao?:boolean,// 是否有遮罩
success:(type:number,data:string)=>void// 成功回调
imageCallback?:(data:string)=>void// 扫描时相片地址回到 需要就写 可为空
}

收藏人数:
购买源码授权版(
试用
使用 HBuilderX 导入示例项目
赞赏(1)
下载 8154
赞赏 70
下载 12063147
赞赏 1826
赞赏
京公网安备:11010802035340号