使用hBuilder打包成app扫一扫

参考地址：
https://www.cnblogs.com/huanhuan55/p/11541683.html
https://www.cnblogs.com/e0yu/p/7843505.html
https://blog.csdn.net/qq_39816586/article/details/90700002
http://blog.sina.com.cn/s/blog_60b5e13e0102xnse.html
https://blog.csdn.net/qq_35844177/article/details/78951825
http://www.html5plus.org/doc/zh_cn/barcode.html
参考Demo:https://blog.csdn.net/qq_37896578/article/details/96480198

项目代码：

<template><div class="scan"><div @click="sao">扫一扫</div><!-- <button type="button" class="mui-btn mui-btn-blue mui-btn-block" id="startCanOne" @click="ben">识别本地</button> --><div id="bcid"></div></div>
</template><script>let scan = nulllet filters=nulllet styles = {frameColor: "#0f0",scanbarColor: "#0f0"};//边框属性，中间线属性，背景色export default {data () {return {codeUrl: '',}},methods: {sao(){$('#bcid').css({'display':'block'});let that=thisthat.startRecognize ()that.startScan ()},// 创建扫描控件startRecognize () { let that = thisif (!window.plus) returnscan = new plus.barcode.Barcode('bcid',filters,styles)scan.onmarked = onmarkedfunction onmarked (type, result, file) {switch (type) {case plus.barcode.QR:type = 'QR'breakcase plus.barcode.EAN13:type = 'EAN13'breakcase plus.barcode.EAN8:type = 'EAN8'breakdefault:type = '其它' + typebreak}result = result.replace(/\n/g, '')that.codeUrl = resultalert(result)if(result=='我是冯昭'){
//             window.location.href="http://www.baidu.com"that.closeScan();$('#bcid').css({'display':'none'});}else{
//             window.location.href="https://www.51zxw.net/"that.closeScan();$('#bcid').css({'display':'none'});}}},// 开始扫描startScan () {if (!window.plus) returnscan.start()},// 关闭扫描cancelScan () {if (!window.plus) returnscan.cancel()},// 关闭条码识别控件closeScan () {if (!window.plus) returnscan.close()},}}
</script>
<style lang="less">.scan {height: 100%;#bcid {width: 100%;position: fixed;left: 0;right: 0;top: 0;bottom: 0;height: 100%;text-align: center;color: #fff;background-color: black;display: none;}}
</style>

hBuilder如何使用，上面的参考地址有

公众号：

微信：

使用hBuilder打包成app扫一扫相关推荐

vue项目利用Hbuilder打包成APP流程，以及遇到的坑
目录 1.打包项目 1.1打包的app出现白屏. 1.2点击页面跳转不了,报 Loading chunk 2 failed. 等错误. 1.3.点手机物理按钮,直接退出程序. 2.Hbuilder发布 ...
VUE项目如何使用HBuilder打包成app
1.配置好vue.config.js 文件在项目根目录下新建一个vue.config.js文件,并配置如下代码 module.exports = {lintOnSave: false, // 关闭格 ...
前端项目用hbuilder打包成APP后，调用api开启摄像头进行拍照, 5+app框架
这几个方法function是js通用的, 非vue项目也可以使用! 记得收藏哦! 重点是从按钮"开启相机" 开始,点击触发photo方法可以直接看method中的photo方法 ...
网址打包（详细图文教程！）使用HBuilder将网址打包成app
使用HBuilder将网址打包成app 使用工具:HBuilder 附上链接:https://www.dcloud.io/hbuilderx.html 教程目的:将封装好的项目网址打包成一个app,即 ...
如何使用HBuilder将网站打包成app
1.下载安装HBuilder 首先下载安装HBuilder 2.创建移动app项目在HBuilder中创建一个移动app项目,选择空模板创建完毕后目录结构如下 3.双击manifest.json ...
php网站转为app的工具,网站打包成APP，可以直接将一个网站转成安卓App的Hbuilder工具...
我们有时候会想把自己的网站做成一个app,但是原生的自己没有基础又不会,网上找到的云打包之类的倒是可以直接把网站打包成app,但是免费版的避免不了会有广告或者体验时间限制,收费的又不想花钱,很愁人,今 ...
2022最全Hbuilder打包成苹果IOS-App的详解
本文相关主要记录一下使用Hbuilder打包成苹果IOS-App的详细步骤. 介绍一下个人开发者账号: 再说下什么是免费的苹果开发者账号,就是你没交688年费的就是免费账号,如果你想变成付费开发者账号 ...
王者荣耀战力查询小程序源码下载-支持安卓ios微信和QQ战力查询支持打包成APP
王者荣耀战力查询小程序源码下载-支持安卓ios微信和QQ战力查询支持打包成APP 该源码没有后台的也无需后台的,所以也就没有什么服务器和域名的烦恼和费用了使用方法用HBuilder X软件打开文件然 ...
hbuilder php打包,关于hbuilder打包h5+app
近日接手了一个二次开发项目,使用的是tp5框架,客户需求要做成app,这对没开发过app的我创造了一个巨大难题作为一个php开发,对前端有一点了解,听说可以将h5直接打包成app于是我开始了我的面向 ...
将Html网页或者是Aue项目打包成App
把前端的网页打包成App 一. 前言首先,在学前端的时候,我们接触到了Html,css,js,你只需要有这些,即可打包成一个App,当然肯定需要一些打包的软件,然后你如果学习到了Vue框架,用脚 ...

使用hBuilder打包成app扫一扫

项目代码：

使用hBuilder打包成app扫一扫相关推荐

最新文章

热门文章