xusfood_h5/center/center.vue

<template>
	<view class="pages">
		<u-navbar
			title="我的"
			:placeholder="true"
			:autoBack="true"
			 :safeAreaInsetTop="true"
		>
		</u-navbar>
		<view class="page-wrap">
			<view class="top u-flex">
				<!-- <view class="code-wrap u-flex u-row-right"  @click="$u.route('/center/paycode')">
					<img class="img" src="../static/img/center-code.png" alt="">
					<text class="text">推广码</text>
				</view> -->
				<view class="userinfo u-flex">
					<img class="defaultavatar" src="../static/img/defaultavatar.png" alt="">
					<view class="text">
						<view class="name">{{vuex_user_info.username}}</view>
						<!-- <view class="status">
							<text>区域代理人/</text>
							<text>白金/</text>
							<text>贵阳市云岩区</text>
						</view> -->
					</view>
				</view>
				<img class="center-top-bg" src="../static/img/center-top-bg.png" alt="">
			</view>
			<view class="tool-wrap">
				<u-cell-group :border="false">
				    <u-cell
				        title="修改密码"
				        value=""
				        center
						:isLink="true"
						:border="false"
						url="/center/resetpass"
						:customStyle="cellCustomStyle"
				    ></u-cell>
				</u-cell-group>
			</view>
		</view>
	</view>
</template>

<script>
	import { systemInfo } from "@/mixin.js";
	export default {
		components:{
			
		},
		mixins:[systemInfo],
		data() {
			return {
				staticUrl:this.$commonConfig.staticUrl,
				userinfo:{},
				cellCustomStyle:{
					'background-color':'#fff',
					'border-radius':'8rpx',
				}
			}
		},
		onShow() {
		},
		onLoad() {
			this.getSystemInfo();
		},
		methods: {
			
		}
	}
</script>
<style>
page{
	background-color: #F5F5F5;
}
</style>
<style lang="scss" scoped>
.top{
	.center-top-bg{
		position: absolute;
		right: 30rpx;
		bottom: 0;
		width: 210rpx;
		height: 169rpx;
		z-index: 1;
	}
	color: #fff;
	height: 280rpx;
	background: linear-gradient(225deg, #5DE8BD 0%, #00BAA0 100%);
	border-radius: 10rpx;
	position: relative;
	padding: 40rpx 30rpx;
	box-sizing: border-box;
	.code-wrap{
		font-size: 26rpx;
		padding-bottom: 10rpx;
		.img{
			width: 26rpx;
			height: 26rpx;
			margin-right: 10rpx;
		}
	}
	.userinfo{
		.defaultavatar{
			width: 110rpx;
			height: 110rpx;
		}
		.text{
			margin-left: 20rpx;
			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 33rpx;
			.name{
				font-size: 40rpx;
				font-weight: 600;
				color: #FFFFFF;
				line-height: 56rpx;
				margin-bottom: 10rpx;
			}
		}
	}
}
.tool-wrap{
	margin-top: 20rpx;
}
</style>