首页 > 编程语言 >uniapp 小程序生成erweima

uniapp 小程序生成erweima

时间:2023-09-24 21:01:23浏览次数:49  
标签:uniapp uqrcode res js common download import erweima 生成

下载uqrcode.js文件

https://download.csdn.net/download/weixin_46162592/88215531?spm=1001.2014.3001.5503

下载好后,将文件夹放置common文件中,这个放置位置看你们自己需求,一般是common里面。

import uQRCode from '@/common/uqrcode.js'

html

<template>
    <view>
        <canvas canvas-id="qrcode":style="{width:qrWidth+'px',height:qrWidth+'px'}"></canvas>
	</view>
</template>
 
<script>
    import uQRCode from '@/common/uqrcode.js'
    export default {
        onl oad() {
            // 获取手机屏幕大小
            uni.getSystemInfo({
				success: (res)=> {
					if(res.windowWidth<375) {
						this.qrWidth = 175
					} else {
						this.qrWidth = res.windowWidth / 1.8
					}
				}
			});
			this.QRurl = 'https://mp.csdn.net'
			this.qrFun(this.QRurl)
		},
        data() {
			return {
				QRurl: '',
                qrWidth:0
			}
		},
        methods: {
            qrFun(text) {
				uQRCode.make({
					canvasId: 'qrcode',  // 必须与上面canvas-id="qrcode"值一致
					componentInstance: this,  // 组件实例
					text: text,  // 二维码内容
					size: this.qrWidth,  // 单位px,做了手机适配
					margin: 0,
					backgroundColor: '#ffffff',  //背景颜色
					foregroundColor: '#000000',  // 前景颜色
					fileType: 'jpg',  // 二维码图片类型
					errorCorrectLevel: uQRCode.errorCorrectLevel.H,  // 容错级别
					success: res => {
						// 生成二维码成功后的操作
                        // ...
					}
				})
			}
        }
    }
</script>


标签:uniapp,uqrcode,res,js,common,download,import,erweima,生成
From: https://blog.51cto.com/u_16248220/7588561

相关文章

  • kubepi加入集群,生成token
    防丢失https://www.cnblogs.com/Chinori/p/17506348.html kubectlcreatesakubepi-user--namespacekube-systemkubectlcreateclusterrolebindingkubepi-user--clusterrole=cluster-admin--serviceaccount=kube-system:kubepi-userkubectl-nkube-systemcreatetoke......
  • 238_OMG!用它!春节贺卡一键生成!
    这是一篇原发布于2020-01-2519:18:00得益小站的文章,备份在此处。新春快乐今天是大年初一,轶哥在这里祝大家新春快乐,合家幸福,万事如意,梦想成真。虽然晚上9:46的时间有些晚了,但轶哥对大家的祝福不晚。今天介绍的工具就是凡科快图啦,上面的海报就是用它做出来的,非常精美不是吗?—......
  • Global Mapper(地图绘制)下载_生成地形图 各个版本下载
    GlobalMapper21是一款实用的桌面GIS应用程序,包含丰富的空间数据处理工具、3D渲染和高程工具、地形修改工具和GPS数据管理工具等,可以将数据转化成光栅地图、高程地图或矢量地图,同时还具有GIS数据的编辑、转换、打印和记录等功能,支持超过250种文件格式。GlobalMapper21带来了新的......
  • mybatis plus生成的日期时间格式LocalDateTime与String的相互转换
    mybatisplus生成的日期时间格式为LocalDateTime LocalDateTime转为String:将现在的时间转StringStringnowDate=LocalDateTime.now().format(DateTimeFormatter.ofPattern("yyyy-MM-ddHH:mm:ss"))  将指定的String日期转DatetimeLocalDateTimeldatetime=Lo......
  • Hugging News #0918: Hub 加入分类整理功能、科普文本生成中的流式传输
    每一周,我们的同事都会向社区的成员们发布一些关于HuggingFace相关的更新,包括我们的产品和平台更新、社区活动、学习资源和内容更新、开源库和模型更新等,我们将其称之为「HuggingNews」。本期HuggingNews有哪些有趣的消息,快来看看吧!......
  • python生成图片验证码的demo
    下面是一个使用Python生成图片验证码的简单示例:fromPILimportImage,ImageDraw,ImageFontimportrandomdefgenerate_captcha(text,width,height,font_path,font_size):#创建一个空白图片image=Image.new('RGB',(width,height),(255,255,255))dr......
  • 用户登录~生成图片验证码(identify(生成图片验证码)插件)
    1.效果图:2.以用户登录实现生成图片验证功能:使用identify(生成图片验证码)插件identify:这是一个vue的插件,使用canvas来生成图形验证码2.1下载identify插件,npm安装 npmiidentify2.2具体参数如下:2.2在components目录新建一个SIdentify.vue,把以下代码复制进去!<tem......
  • Android DataBinding——导入以及生成的绑定类
    导入DataBinding库提供了导入、变量和include等功能。导入可以方便在引用布局文件中引用类;变量允许您描述可在绑定表达式中使用的属性;Includes允许您在整个应用程序中重用复杂的布局。ImportsImports允许您轻松地在布局文件中的引用类,就像在代码中一样。data元素内部可以使用零个或......
  • 实现一个自动生成小学四则运算题目的命令行程序
    这个作业属于哪个课程21计科34班这个作业要求在哪里结对项目这个作业的目标自动生成四则运算题目、检查四则运算结果https://github.com/jack1349/jackchen1349/tree/master/31210052041、PSP表格PSP2.1PersonalSoftwareProcessStages预估耗时(分钟)实......
  • uniapp,微信小程序确认收货组件的使用
    直接上代码//拉起确认收货组件if(wx.openBusinessView){wx.openBusinessView({businessType:'weappOrderConfirm',extraData:{//merchant_id:'1230000109',//用户交易商户号//merchant_trade_no:"1234323JKHDFE1243252",//商户......