|
|
@@ -1,7 +1,263 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
- 我的
|
|
|
- <view class="tabBarLineHeight"></view>
|
|
|
+ <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>
|
|
|
@@ -9,27 +265,30 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import tabBar from "../../components/tabBar/tabBar";
|
|
|
- export default {
|
|
|
- components:{
|
|
|
- tabBar
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- title: 'Hello',
|
|
|
- tabIndex:4
|
|
|
- }
|
|
|
- },
|
|
|
- onLoad() {
|
|
|
-
|
|
|
- },
|
|
|
- methods: {
|
|
|
-
|
|
|
+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';
|
|
|
+@import '/common/css/common.css';
|
|
|
+@import './index.rpx.css';
|
|
|
</style>
|