hj/pages/user/shareQrCode.vue

<template>
	<view class="content">
		<image src="../../static/img/sharebase.png" mode="widthFix" class="baseimg"></image>
		<view class="erweima">
			<tki-qrcode
				:cid="cid"
				ref="qrcode"
				:val="val"
				:size="size"
				:unit="unit"
				:background="background"
				:foreground="foreground"
				:pdground="pdground"
				:iconSize="iconSize"
				:lv="lv"
				:onval="onval"
				:loadMake="loadMake"
				:usingComponents="usingComponents"
				@result="qrR"
			/>
		</view>
	</view>
</template>
<script>
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		data() {
			return {
				val: '',
				cid: 'cid',
				size: 150,
				unit: '150',
				background: '#FFFFFF',
				foreground: '#000000',
				pdground: '#000000',
				icon: '',
				iconSize: 40,
				lv: 3,
				onval: true,
				loadMake: true,
				usingComponents: true,
			};
		},
		onLoad() {
			
		},
		onShow() {
			this.val = 'http://hgd.liuniu946.com/appdom/index.html?spread=' + this.userInfo.uid
		},
		//下拉刷新
		onPullDownRefresh() {
	
		},
		computed: {
			...mapState(['baseURL', 'urlFile']),
			...mapState('user', ['userInfo', 'orderInfo', 'hasLogin'])
		},
		methods: {
			qrR(res) {
				this.src = res;
			},

		}
	};
</script>

<style lang="scss">
.baseimg {
	width: 100%;
}
.erweima {
	width: 300rpx;
	position: absolute;
	top: 923rpx;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	justify-content: center;
}
</style>