|
@@ -2,7 +2,10 @@
|
|
|
<view class="container">
|
|
|
<view class="head-wrap">
|
|
|
<view class="content">
|
|
|
- <view class="avatar-wrap" @tap="$Router.push('/pages/my/personalCenter/index')">
|
|
|
+ <view
|
|
|
+ class="avatar-wrap"
|
|
|
+ @tap="$Router.push('/pages/my/personalCenter/index')"
|
|
|
+ >
|
|
|
<u-avatar :src="user_info.avatar" size="80"></u-avatar>
|
|
|
</view>
|
|
|
<view>
|
|
@@ -10,13 +13,21 @@
|
|
|
<view class="user-base" v-if="user_info.nickname">
|
|
|
<view class="user-nickname">{{ user_info.nickname }}</view>
|
|
|
<view class="btn-wrap">
|
|
|
- <view class="btn-content" @tap="$Router.push('/pages/my/settings/index')">设置</view>
|
|
|
+ <view
|
|
|
+ class="btn-content"
|
|
|
+ @tap="$Router.push('/pages/my/settings/index')"
|
|
|
+ >设置</view
|
|
|
+ >
|
|
|
<view class="btn-content">认证</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 未登录 -->
|
|
|
- <view class="clickLogin" v-else @tap="$Router.push('/pages/login/index')">
|
|
|
+ <view
|
|
|
+ class="clickLogin"
|
|
|
+ v-else
|
|
|
+ @tap="$Router.push('/pages/login/index')"
|
|
|
+ >
|
|
|
点击登录
|
|
|
</view>
|
|
|
</view>
|
|
@@ -25,19 +36,38 @@
|
|
|
<!-- 收藏 -->
|
|
|
<view class="Collect">
|
|
|
<u-grid :border="false" col="4">
|
|
|
- <u-grid-item v-for="(listItem, listIndex) in list1" :key="listIndex" @tap="$Router.push(listItem.url)">
|
|
|
- <u-icon :customStyle="{ paddingTop: 20 + 'rpx' }" :name="listItem.name" :size="24" color="#fff" />
|
|
|
+ <u-grid-item
|
|
|
+ v-for="(listItem, listIndex) in list1"
|
|
|
+ :key="listIndex"
|
|
|
+ @tap="$Router.push(listItem.url)"
|
|
|
+ >
|
|
|
+ <u-icon
|
|
|
+ :customStyle="{ paddingTop: 20 + 'rpx' }"
|
|
|
+ :name="listItem.name"
|
|
|
+ :size="24"
|
|
|
+ color="#fff"
|
|
|
+ />
|
|
|
<text class="grid-text">{{ listItem.title }}</text>
|
|
|
</u-grid-item>
|
|
|
</u-grid>
|
|
|
</view>
|
|
|
|
|
|
<!-- 我的订单 -->
|
|
|
- <view class="order-out-box" @tap="$Router.push('/pages/my/myOrder/index')">
|
|
|
+ <view
|
|
|
+ class="order-out-box"
|
|
|
+ @tap="$Router.push('/pages/my/myOrder/index')"
|
|
|
+ >
|
|
|
<view class="order-inner-box">
|
|
|
<u-grid :border="false" col="4" style="background-color: #fff">
|
|
|
- <u-grid-item v-for="(listItem, listIndex) in list2" :key="listIndex">
|
|
|
- <u-icon :customStyle="{ paddingTop: 20 + 'rpx' }" :name="listItem.name" :size="34"></u-icon>
|
|
|
+ <u-grid-item
|
|
|
+ v-for="(listItem, listIndex) in list2"
|
|
|
+ :key="listIndex"
|
|
|
+ >
|
|
|
+ <u-icon
|
|
|
+ :customStyle="{ paddingTop: 20 + 'rpx' }"
|
|
|
+ :name="listItem.name"
|
|
|
+ :size="34"
|
|
|
+ ></u-icon>
|
|
|
<text class="grid-text">{{ listItem.title }}</text>
|
|
|
</u-grid-item>
|
|
|
</u-grid>
|
|
@@ -54,7 +84,10 @@
|
|
|
</view>
|
|
|
<view class="income-content">
|
|
|
<u-grid :border="false" col="4" bgColor="#fff">
|
|
|
- <u-grid-item v-for="(listItem, listIndex) in incomeList" :key="listIndex">
|
|
|
+ <u-grid-item
|
|
|
+ v-for="(listItem, listIndex) in incomeList"
|
|
|
+ :key="listIndex"
|
|
|
+ >
|
|
|
<view class="num-box">{{ listItem.num }}元</view>
|
|
|
<view class="num-title">{{ listItem.title }}</view>
|
|
|
</u-grid-item>
|
|
@@ -65,16 +98,49 @@
|
|
|
|
|
|
<!-- 预约列表 -->
|
|
|
<view class="appointList">
|
|
|
- <u-cell icon="setting-fill" title="预约列表" isLink url="/pages/my/appoint/index" />
|
|
|
+ <u-cell
|
|
|
+ icon="setting-fill"
|
|
|
+ title="预约列表"
|
|
|
+ isLink
|
|
|
+ url="/pages/my/appoint/index"
|
|
|
+ />
|
|
|
</view>
|
|
|
|
|
|
<view class="other-out-box">
|
|
|
<view class="other-inner-box">
|
|
|
<u-cell-group :border="false">
|
|
|
- <u-cell size="large" :border="false" icon="setting-fill" title="我的团队" isLink url=""></u-cell>
|
|
|
- <u-cell size="large" :border="false" icon="setting-fill" title="关于我们" isLink url=""></u-cell>
|
|
|
- <u-cell size="large" :border="false" icon="setting-fill" title="隐私条款" isLink url=""></u-cell>
|
|
|
- <u-cell size="large" :border="false" icon="setting-fill" title="客服中心" isLink url=""></u-cell>
|
|
|
+ <u-cell
|
|
|
+ size="large"
|
|
|
+ :border="false"
|
|
|
+ icon="setting-fill"
|
|
|
+ title="我的团队"
|
|
|
+ isLink
|
|
|
+ url=""
|
|
|
+ ></u-cell>
|
|
|
+ <u-cell
|
|
|
+ size="large"
|
|
|
+ :border="false"
|
|
|
+ icon="setting-fill"
|
|
|
+ title="关于我们"
|
|
|
+ isLink
|
|
|
+ url=""
|
|
|
+ ></u-cell>
|
|
|
+ <u-cell
|
|
|
+ size="large"
|
|
|
+ :border="false"
|
|
|
+ icon="setting-fill"
|
|
|
+ title="隐私条款"
|
|
|
+ isLink
|
|
|
+ url=""
|
|
|
+ ></u-cell>
|
|
|
+ <u-cell
|
|
|
+ size="large"
|
|
|
+ :border="false"
|
|
|
+ icon="setting-fill"
|
|
|
+ title="客服中心"
|
|
|
+ isLink
|
|
|
+ url=""
|
|
|
+ ></u-cell>
|
|
|
</u-cell-group>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -170,6 +236,8 @@ export default {
|
|
|
.clickLogin {
|
|
|
font-size: 48rpx;
|
|
|
color: #ffffff;
|
|
|
+ margin-top: 40rpx;
|
|
|
+ margin-left: 20rpx;
|
|
|
}
|
|
|
|
|
|
.avatar-wrap {
|