小天丶
小天丶
  • 发布:2018-06-27 17:21
  • 更新:2018-09-17 16:04
  • 阅读:2696

自定义原生二维码扫描样式

分类:HTML5+

。。。。。这个 好像只能等官方改了!
不过我们可以从另一个方面来写。

先看效果(阿里云学生服务器哈,总出口就100kb)

!
我讲下大概的实现吧,双webview,最上面webview背景透明,webview之间通信用evalJS。

贴点代码?!
1.加载子页面(最上层webview),背景透明

mui.init({  
		subpages: [{  
				url: 'scan_main.html',  
				id: 'scan_main.html',  
				styles: {  
					top: 0,  
					bottom: 0,  
					background: 'transparent'  
				},  
			}]  
		});

2.webview通信

var scan_win = null;  
mui.plusReady(function() {  
	scan_win = plus.webview.getWebviewById('html/scan_win.html');  
})  
scan_win.evalJS('XXXXXXXXXXXXXX');//打开关闭闪光灯、图库啊等等

3.虽然中间那个扫码框和扫码条暂时只能改颜色,但是通过这样也可以做的跟大厂一样的效果了

0 关注 分享

要回复文章请先登录注册

1***@qq.com

1***@qq.com

回复 小天丶 :
连接都崩了
2018-09-17 16:04
小天丶

小天丶 (作者)

视频有问题,想看效果的自己f12看链接吧
2018-06-27 17:24