uniapp生成带有产品和二维码信息的海报

需求：后端返回产品图片和个人信息，前端根据产品链接生成二维码，然后将产品图片、用户信息、二维码生成海报，并点击下载。

这里使用了qrcodejs2、html2canvas、file-saver插件，使用前分别进行安装。

点击海报列表在弹层中显示对应的海报产品，并且生成组合的图片供用户下载。

       <u-popup 
			v-model="show" 
			mode="center" 
			width="650" 
			height="80%"
			@close="closePop"
			:closeable="closeable" 
			border-radius="15">
			<div class="currentPost" id="currentPost" ref="qrCodeUrl">
				<view class="malone" v-if="isPicture">
					<image :src="picture" class="m-img" >
					<view class="save" @tap="savePoster">
						<image src="../../../static/images/index/download.png" >
						<text>保存图片</text>
					</view>
				</view>
				<view class="jordan" v-else>
					<view class="current"><image :src="posterImg" ></image></view>
					<view class="content">
						<view class="con-user">
							<view class="snow"> <image :src="picSrc" ></image></view>
							<view class="con-info">
								<view class="txt job">
									{{info.nickname}}
									<text>顾问</text>
								</view>
								<view class="txt">{{info.phone}}</view>
							</view>
						</view>
						<view class="con-ewm" id="qrcode" ref="qrcode">
							<div id="qrCode" ref="qrCodeDiv"></div>
						</view>
					</view>
				</view>
			</div>
		</u-popup>