jje_uniapp/pages/qrCode/index.vue

<template>
	<view class="page">

		<view class="content" :style="{'height':height}">
			<view class="outView flex-col">
				<view class="member-head-img flex-row justify-center">
					<image class="imageLogo" v-if="userInfo.selfPhotoUrl" :src="userInfo.selfPhotoUrl" mode=""></image> <!-- 用户头像 -->
					<image class="imageLogo" v-else src="../../static/logo.png" mode=""></image> <!-- 用户头像 -->
				</view>
				<view class="member-content flex-col">
					<view class="user-name flex-row justify-center">
						<text>hi.亲爱的{{userInfo.ncikName}}</text>
					</view> <!-- 用户名 -->
					<view @click="perfectUserInfo()"  class="flex-row justify-center">
						<text>你前资料尚不完善,</text>
						<text>立即完善</text>
					</view>
					<view class="qrcode flex-row justify-center">
						<image class="qrcodeImage bord" v-if="userInfo.qrCodeImg" :src="userInfo.qrCodeImg" mode=""></image> <!-- 二维码图片 -->
						<image class="qrcodeImage bord" v-else src="../../static/index/u41.png" mode=""></image> <!-- 二维码图片 -->
					</view>
					<view class="qrcode-desc flex-row justify-center">
						<text>会员码，分享邀请好友加入</text>
					</view>
				</view>
			</view>


		</view>

		<view class="tabBarLineHeight"></view>
		<view class="tabBarView">
			<tab-bar :tabIndex="tabIndex"></tab-bar>
		</view>
	</view>
</template>

<script>
	import tabBar from "../../components/tabBar/tabBar";
	export default {
		components:{
			tabBar
		},
		data() {
			return {
				height: '',
				tabIndex:2,
				userInfo:''
			}
		},
		onLoad() {
			let sysInfo = uni.getSystemInfoSync()
			this.height = sysInfo.screenHeight - (sysInfo.screenWidth/750)*138 + 'px'
		},

		mounted() {

			// 用户信息
			this.userInfo = this.$store.state.loginUserInfo;
			this.getImgUrlByOssId(this.userInfo.selfPhoto, 1)
			this.getImgUrlByOssId(this.userInfo.wxQrCode, 2)

		},

		methods: {

			getImgUrlByOssId(ossId, type) {
				let url =  this.$getImgUrlByOssId(ossId);
				if (type == 1) {
					this.userInfo.selfPhotoUrl = url;
				} else if (type == 2) {
					this.userInfo.qrCodeImg = url;
				}
				return url;
			},

			/* 用户信息 */
			perfectUserInfo() {
				uni.navigateTo({
					url: '/pages/me/user-info',
				})
			},
		}
	}
</script>

<style>
	@import '/common/css/common.css';
	@import './index.rpx.css';
</style>