myc/pages/shareQrCode/wechatQr.vue

<template>
	<view class="content">
		<image class="bg-img" src="/static/img/img09.png" mode="scaleToFill"></image>
		<view class="logo-img-box">
			<image class="logo-img" src="/static/img/img12.jpg" mode="aspectFit"></image>
			<button class="userInfo" type="warn">
				<text class="iconfont iconweixin"></text>
				<text>长按识别关注公众号</text>
			</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	onLoad() {
		// let obj = this;
		// 加载二维码
		// uni.downloadFile({
		// 	url: 'https://ptj.liuniu946.com/index/img/img09.png',
		// 	success(res) {
		// 		console.log(res);
		// 		if (res.errMsg == 'downloadFile:ok') {
		// 			obj.src1 = res.tempFilePath;
		// 		}
		// 	},
		// 	fail(e) {
		// 		console.log(e);
		// 	}
		// });
		// 加载小图
		// uni.downloadFile({
		// 	url: 'https://ptj.liuniu946.com/index/img/img12.png',
		// 	success(res) {
		// 		console.log(res);
		// 		if (res.errMsg == 'downloadFile:ok') {
		// 			obj.src2 = res.tempFilePath;
		// 		}
		// 	},
		// 	fail(e) {
		// 		console.log(e);
		// 	}
		// });
	}
};
</script>

<style lang="scss">
page,
.content {
	height: 100%;
}
.bg-img,
.logo-img-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.logo-img {
	margin-top: 20vh;
	margin-left: 176rpx;
	width: 385rpx;
	height: 394rpx;
}
.userInfo {
	margin: 0 100rpx;
	margin-top: 50rpx;
	color: #ffffff;
	border-radius: 99rpx;
	background-color: $base-color;
}
</style>