wxThird/pages/partner/myQr.vue

<template>
<view class="box">
	<view style="height: 15vh;"></view>
	<view class="cont1" v-if="type==1">
		<view class="contTOp">
			<view class="headImgBox">
				<image :src="userInfo.headImg" mode="" class="headImg" v-if="userInfo.headImg"></image>
				<image src="../../static/img/icon_me.png" mode="" class="headImg" v-else></image>
			</view>
			<view class="nickName">{{userInfo.nickName?userInfo.nickName:'微信昵称'}}</view>
		</view>
		
		<view class="wqmBox">
			<view class="ewmLeft">
				<image :src="img" mode="" class="ewmImg"></image>
			</view>
			<view class="ewmRight">
				<view class="ewmRight1">{{wxOpenData.unionName}}</view>
			</view>
			<view class="contMs1">扫码关注公众号，登记个人信息 即可享受新</view>
		</view>
		<view class="btnBox">我的专属二维码</view>
	</view>
	<view class="cont2" v-if="type==2">
		<view class="contTOp">
			<view class="headImgBox">
				<image :src="userInfo.headImg" mode="" class="headImg" v-if="userInfo.headImg"></image>
				<image src="../../static/img/icon_me.png" mode="" class="headImg" v-else></image>
			</view>
			<view class="nickName">{{userInfo.nickName?userInfo.nickName:'微信昵称'}}</view>
		</view>
		
		<view class="wqmBox">
			<view class="ewmLeft">
				<image :src="img" mode="" class="ewmImg"></image>
			</view>
			<view class="ewmRight">
				<view class="ewmRight1">{{wxOpenData.unionName}}</view>
				
			</view>
		</view>
		<view class="btnBox">我的专属二维码</view>
	</view>
</view>
</template>

<script>
	export default {
		components: {
			
		},
		
		data() {
			return {
				headImg: '',
				themeColor:'',
				userInfo:'',
				type:'',
				wxOpenData:'',
				ext:'',
				img:'',
			}
		},
		onLoad(opt) {
			this.themeColor = uni.getStorageSync("themeColor");
			this.userInfo = uni.getStorageSync("userInfo");
			this.wxOpenData=uni.getStorageSync('wxOpenData');
			this.ext=this.$common.getExtStoreId();
			this.type=opt.type;
			//if(this.type==1){
				this.openShareQrCode()
			//}
		},
		onShow() {
			
		},
		methods: {
			openShareQrCode(){
				uni.showLoading({
					title: '加载中'
				})
				this.$request.httpBinary('openShareQrCode/create', {
				    bizType:this.type,
					openId:this.wxOpenData.openid,
					unionId:this.ext.unionId,
					shopId:this.ext.shopId
				}, 'GET').then(res => {
					uni.hideLoading();
					this.img = 'data:image/png;base64,'+uni.arrayBufferToBase64(res);
					//this.img= uni.arrayBufferToBase64(res)
					//console.log('list+=', this.queryShopList);
				
				})
			}
			
		}
	}
</script>

<style scoped lang="less">
.box {
	width: 100vw;
	min-height: 100vh;
	background: url('http://dmsphoto.66km.com.cn/thFiles/344AA01C-5DEB-471E-BF8A-5CB185F71684.png') no-repeat;
	background-size:100% 100% ;
}
.cont{
	width: 650rpx;
	height: 690rpx;
	background: #FFFFFF;
	border-radius: 20rpx;
	border: 10rpx solid #FFCE11;
	margin-left: 50rpx;
	
}
.cont1{
	width: 620rpx;
	height: 858rpx;
	background: url('http://dmsphoto.66km.com.cn/thFiles/02A79FCC-DB9C-41F2-B092-7EFAC54AD631.png') no-repeat;
	background-size:100% 100% ;
	margin-left: 65rpx;
	position: relative;
}
.contMs1{
	font-size: 24rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #999999;
	line-height: 40rpx;
	text-align: center;
	width: 336rpx;
	margin: 0 auto;
	padding-top: 30rpx;
}
.cont2{
	width: 620rpx;
	height: 762rpx;
	background: url('http://dmsphoto.66km.com.cn/thFiles/EF6764C2-E253-40D8-9027-6F1E86B22666.png') no-repeat;
	background-size:100% 100% ;
	margin-left: 65rpx;
	position: relative;
}

.btnBox{
	width: 329rpx;height: 91rpx;
	text-align: center;
	line-height: 91rpx;
	font-size: 28rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #DC490A;
	position: absolute;
	bottom: -45rpx;
	left: 146rpx;
	background: url('http://dmsphoto.66km.com.cn/thFiles/587A56A8-BD06-4396-8EDD-221C4CAC3F5E.png') no-repeat;
	background-size:100% 100% ;
}
.contTOp{
	display: flex;
}

.headImg{
	width: 103rpx;height: 103rpx;border-radius: 50%;
}
.headImgBox{
	text-align: center;padding-top: 24rpx;padding-left: 38rpx;
}
.contTopTitle{
	font-size: 36rpx;
	font-family: PingFangSC-Medium, PingFang SC;
	font-weight: 500;
	color: #FFAF18;
	line-height: 50rpx;
}
.contTop{
	display: flex;
	justify-content: space-around;
	padding-top: 60rpx;
}

.nickName{
	color: #333333;font-size: 26rpx;text-align: center;line-height: 146rpx;padding-left: 24rpx;
	font-weight: 500;
}
.ms{
	color: #FFAF18;font-size: 30rpx;padding-top: 16rpx;text-align: center;
}
.wqmBox{
	border-top:1px solid #EEEEEE;
	text-align: center;
	padding: 23rpx 0 0 0;
	margin-left: 18rpx;
	margin-right: 18rpx;
}
.ewmImg{
	width: 404rpx;
	height: 404rpx;
}
.ewmRight1{
	color: #666666;font-size: 28rpx;padding-top: 40rpx;
}
.ewmRight2{
	color: #999999;font-size: 24rpx;padding-top: 16rpx;padding-left: 24rpx;
}
</style>