uni-app 中 引入weapp-qrcode.js,渲染出二维码

uni-app 中 引入weapp-qrcode.js,渲染出二维码

①插件下载 地址 ,然后放在一个文件中,(可以在根目录中新建utils文件夹,把下载的js放进去)
②在页面中引入: let qrcode = require("…/…/utils/weapp-qrcode.js");
③ 使用
js 代码
				let params = this.url; // 二维码参数
				var imgData = qrcode.drawImg(params, {
					typeNumber: 4, // 密度
					errorCorrectLevel: 'L', // 纠错等级
					size: 800, // 白色边框
				})
				this.qrcodeURL = imgData 
	url: "",
	qrcodeURL: ""
html 代码
<div class="qrcode_img">
				<image :src="qrcodeURL" mode="aspectFit"></image>
</div>
css代码
		.qrcode_img {
					width: 100px;
					height: 100px;
					display: flex;
					justify-content: center;
					margin: 0 auto;
					image {
						width: 100px;
						height: 100px;
					}
				}
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值