jje_uniapp/pages/my/index.vue

<template>
	<view class="content">
		<view class="tabBarLineHeight">
			<view class="head-wrap">
				<view class="content-info">
					<!-- 轮播图 -->
					<view class="head-bg">
						<u-swiper :list="bannerList"></u-swiper>
					</view>
					<view class="content">
						<!-- 用户信息 -->
						<view @click="perfectUserInfo()" class="user-info">
							<view class="user-head">
								<image v-if="userInfo.selfPhotoUrl" :src="userInfo.selfPhotoUrl" mode=""></image>
								<image v-else src="../../static/logo.png" mode=""></image>
							</view>
							<view class="h-content">
								<view class="user-name">
									<text>HI,亲爱的{{ userInfo.ncikName }}</text>
								</view>
								<view class="user-desc">
									<view class="h-text">
										<text>你当前的个人资料尚不完善</text>
										<text>去完善</text>
									</view>
									<view class="h-arrow">
										<u-icon name="arrow-right" color="#333333" size="16"></u-icon>
									</view>
								</view>
							</view>
						</view>


						<view class="balance-info">
							<view class="balance-name">
								<text>我的资产</text>
							</view>
							<view class="h-content">
								<view class="button-wrap">
									<view @click="gotoRechargeService()" class="btn">
										<view class="icon">
											<u-icon name="/static/me/u701.png" color="red" size="30"></u-icon>
										</view>
										<view class="h-name">
											<view class="name">
												余额
											</view>
											<view class="num">
												￥{{ userInfo.balance }}
											</view>
										</view>
									</view>
								</view>
								<view class="button-wrap">
									<view @click="gotoIntgral" class="btn">
										<view class="icon">
											<u-icon name="/static/me/u680.png" color="red" size="30"></u-icon>
										</view>
										<view class="h-name">
											<view class="name">
												积分
											</view>
											<view class="num">
												{{ userInfo.integral }}
											</view>
										</view>
									</view>
								</view>
								<view class="button-wrap">
									<view @click="gotoCoupon" class="btn">
										<view class="icon">
											<u-icon name="/static/me/u687.png" color="red" size="30"></u-icon>
										</view>
										<view class="h-name">
											<view class="name">
												优惠券
											</view>
											<view class="num">
												{{ userInfo.coupon }}
											</view>
										</view>
									</view>
								</view>
								<view class="button-wrap">
									<view class="btn">
										<view class="icon">
											<u-icon name="/static/me/u694.png" color="red" size="30"></u-icon>
										</view>
										<view class="h-name">
											<view class="name">
												电子币
											</view>
											<view class="num">
												{{ userInfo.electronicCurrency }}
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>

						<view class="nav-bar">
							<view class="nav-content">
								<view class="nav-info">
									<view class="logo">
										<image src="../../static/me/u1796.png" mode=""></image>
									</view>
									<view class="nav-desc">
										<view class="nav-name">
											<view class="">贡献奖励记录</view>
										</view>
										<view class="change-store"></view>
									</view>
									<view class="arrow-right">
										<u-icon name="arrow-right" color="#666" size="18"></u-icon>
										<!-- <image src="../../static/index/u10.png" mode=""></image> -->
									</view>
								</view>
							</view>
							<view class="custom-line"></view>
							<view @click="gotoRealNameAuth()" class="nav-content">
								<view class="nav-info">
									<view class="logo">
										<image src="../../static/me/u1803.png" mode=""></image>
									</view>
									<view class="nav-desc">
										<view class="nav-name">
											<view class="">实名认证</view>
										</view>
										<view class="change-store">
											<text v-if="userInfo.isAttestation">已认证</text>
											<text v-else>未实名认证，去认证</text>
										</view>
									</view>
									<view class="arrow-right">
										<u-icon name="arrow-right" color="#666" size="18"></u-icon>
										<!-- <image src="../../static/index/u10.png" mode=""></image> -->
									</view>
								</view>
							</view>
							<view class="custom-line"></view>
							<view @click="gotoServiceObjectMgt()" class="nav-content">
								<view class="nav-info">
									<view class="logo">
										<image src="../../static/me/u1812.png" mode=""></image>
									</view>
									<view class="nav-desc">
										<view class="nav-name">
											<view class="">服务对象管理</view>

										</view>
										<view class="change-store"></view>
									</view>
									<view class="arrow-right">
										<u-icon name="arrow-right" color="#666" size="18"></u-icon>
										<!-- <image src="../../static/index/u10.png" mode=""></image> -->
									</view>
								</view>
							</view>
							<view class="custom-line"></view>
							<view class="nav-content">
								<view @click="gotoSystemSwitch()" class="nav-info">
									<view class="logo">
										<image src="../../static/me/u1833.png" mode=""></image>
									</view>
									<view class="nav-desc">
										<view class="nav-name">
											<view class="">新老系统切换</view>

										</view>
										<view class="change-store"></view>
									</view>
									<view class="arrow-right">
										<u-icon name="arrow-right" color="#666" size="18"></u-icon>
										<!-- <image src="../../static/index/u10.png" mode=""></image> -->
									</view>
								</view>
							</view>
							<view class="custom-line"></view>
							<view @click="gotoRechargeService()" class="nav-content">
								<view class="nav-info">
									<view class="logo">
										<image src="../../static/me/u826.png" mode=""></image>
									</view>
									<view class="nav-desc">
										<view class="nav-name">
											<view class="">储值服务</view>
										</view>
										<view class="change-store"></view>
									</view>
									<view class="arrow-right">
										<u-icon name="arrow-right" color="#666" size="18"></u-icon>
										<!-- <image src="../../static/index/u10.png" mode=""></image> -->
									</view>
								</view>
							</view>
						</view>

						<view class="nav-bar">
							<view @click="aboutOur()" class="nav-content">
								<view class="nav-info">
									<view class="logo">
										<image src="../../static/me/u1829.png" mode=""></image>
									</view>
									<view class="nav-desc">
										<view class="nav-name">
											<view class="">关于我们</view>
										</view>
										<view class="change-store"></view>
									</view>
									<view class="arrow-right">
										<u-icon name="arrow-right" color="#666" size="18"></u-icon>
										<!-- <image src="../../static/index/u10.png" mode=""></image> -->
									</view>
								</view>
							</view>
							<view class="custom-line"></view>
							<view @click="perfectUserInfo()" class="nav-content">
								<view class="nav-info">
									<view class="logo">
										<image src="../../static/me/u10.png" mode=""></image>
									</view>
									<view class="nav-desc">
										<view class="nav-name">
											<view class="">个人信息</view>
										</view>
										<view class="change-store"></view>
									</view>
									<view class="arrow-right">
										<u-icon name="arrow-right" color="#666" size="18"></u-icon>
										<!-- <image src="../../static/index/u10.png" mode=""></image> -->
									</view>
								</view>
							</view>
							<view class="custom-line"></view>
							<view @click="gotoSetting()" class="nav-content">
								<view class="nav-info">
									<view class="logo">
										<image src="../../static/me/u101.png" mode=""></image>
									</view>
									<view class="nav-desc">
										<view class="nav-name">
											<view class="">设置</view>
										</view>
										<view class="change-store"></view>
									</view>
									<view class="arrow-right">
										<u-icon name="arrow-right" color="#666" size="18"></u-icon>
										<!-- <image src="../../static/index/u10.png" mode=""></image> -->
									</view>
								</view>
							</view>

						</view>
					</view>


				</view>
			</view>
		</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 {
			title: 'Hello',
			tabIndex: 4,
			bannerList: [
				'/static/me/u655.png',
			],
		}
	},
	onLoad() {

	},
	methods: {

	}
}
</script>

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