uniapp项目笔记

1.生成二维码

    import uqrCode from '@/static/erweima.js'

uqrCode.make({
					canvasId: 'qrcode',
					componentInstance: this,
					text: JSON.stringify(item.id),
					size: 150,
					margin: 0,
					backgroundColor: '#ffffff',
					foregroundColor: '#000000',
					fileType: 'jpg',
					errorCorrectLevel: uqrCode.errorCorrectLevel.H,
					success: res => {
						this.imgCode = res // base64的图片格式
					}
				})

2.扫描二维码

uni.scanCode({
					success: (res) => {
						console.log(res);
						uni.setStorageSync('pid', res.result)
						uni.showToast({
							title: res.result,
							icon: 'none'
						})
					},
				});

这里需要注意的是生成二维码时,text属性时二维码的内容,数据类型必须是字符串类型!!

3.微信开发者工具

3.1分包管理

uniapp项目笔记_第1张图片uniapp项目笔记_第2张图片uniapp项目笔记_第3张图片

主包需要在pages里面也就是进入小程序的首页,pages的第一个路径就是默认页面

3.2上传

微信开发者工具上传代码时主包不可超过1.5m其实一般中等的项目是轻轻松松的,这楼里需要注意的是,

1.插件按需引入

2.项目进行分包管理

3.上传代码是记得勾选压缩文件(在微信开发者工具里面的详情-本地设置)

你可能感兴趣的:(uniapp,uni-app,笔记)