From 59da004f2ec6c8dc2b59b524ea4c20883e317ca5 Mon Sep 17 00:00:00 2001
From: li-guang <153605324@qq.com>
Date: Tue, 15 Dec 2020 17:27:28 +0800
Subject: [PATCH] 个人中心设置，会员详情修改
---
hive-app/pages/member/detail.vue | 44 +++++++++++++++++++++++++++++++++++++-------
1 files changed, 37 insertions(+), 7 deletions(-)
diff --git a/hive-app/pages/member/detail.vue b/hive-app/pages/member/detail.vue
index 76eeab0..9c4d634 100644
--- a/hive-app/pages/member/detail.vue
+++ b/hive-app/pages/member/detail.vue
@@ -8,7 +8,10 @@
<image class="header-img" src="../../static/images/head-img.jpg"></image>
<text class="font-18 white mt-5">333</text>
<text class="font-14 white mt-5">会员编号: 101010</text>
- <text class="font-12 white mt-5">湖南 长沙 22</text>
+ <view class="flex align-center mt-5">
+ <text class="font-12 white mr-10">{{this.eye==false?encryptAccount(15569216885):'15569216885'}}</text>
+ <text class="icon iconfont white" :class="this.eye==false?'iconyanjing':'iconyanjing1'" @click="eyeSwitch"></text>
+ </view>
<view class="flex align-center mt-10">
<view class="icon-box flex justify-center align-center mr-20">
<text class="icon iconfont icondianhua blue"></text>
@@ -68,10 +71,33 @@
</view>
</view>
</view>
+ <view class="flex content-btn justify-around">
+ <button class="white-btn btn">开单</button>
+ <button class="blue-btn btn">预约</button>
+ </view>
</view>
</template>
<script>
+ export default{
+ data(){
+ return{
+ eye:false
+ }
+ },
+ methods:{
+ encryptAccount(val) {
+ if (/^1[3456789]\d{9}$/.test(val)) {
+ return String(val).substr(0, 3) + '****' + String(val).substr(7);
+ } else {
+ return val;
+ }
+ },
+ eyeSwitch(){
+ this.eye=!this.eye
+ }
+ }
+ }
</script>
<style>
@@ -112,12 +138,16 @@
.detail-item{
width: 25%;
}
- .detail-icon-box{
- width: 32px;
- height: 32px;
- }
.detail-icon{
- width: 32px;
- height: 32px;
+ width: 28px;
+ height: 28px;
+ }
+ .content-btn{
+ position: absolute;
+ bottom: 15px;
+ width: 100%;
+ }
+ .btn{
+ width: 45%;
}
</style>
--
Gitblit v1.9.1