uniapp-qxk/pages/settings/settings.vue

<template>
	<view>
		<u-cell-group :border="false">
				<u-cell title="头像" :isLink="true" :border="false" @click="previewImage">
					<u-avatar size="40" slot="value" :src="userInfo.avatar"></u-avatar>
				</u-cell>
				<u-cell title="昵称" :border="false" :value="userInfo.nick_name"></u-cell>
				<u-cell title="手机号码" :isLink="true" :border="false" @click="$msg('敬请期待')"></u-cell>
				<u-cell title="收货地址" :isLink="true" :border="false" url="/packages/address/address"></u-cell>
				<u-cell title="系统消息" :isLink="true" :border="false" @click="$msg('敬请期待')">
					<u-badge class="badge" slot="value" numberType="overflow" max="99" :value="99"></u-badge>
				</u-cell>
		</u-cell-group>
		<view class="fixed-tips">{{ version ? 'v'+ version : '' }}</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src:"https://cdn.uviewui.com/uview/album/1.jpg",
				userInfo: {},
				version: ''
			}
		},
		onLoad(){
			this.userInfo = uni.getStorageSync('userInfo') || {};
			let miniProgram = wx.getAccountInfoSync().miniProgram;
			if(miniProgram.version){
				this.version = miniProgram.version;
			}
		},
		methods: {
			previewImage(){
				uni.previewImage({
					urls: [this.userInfo.avatar]
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.fixed-tips{
		position: fixed;
		bottom: 8vh;
		width: 750rpx;
		left: 0;
		text-align: center;
		font-size: 26rpx;
		color: #bdc3c7;
	}
</style>