个人中心设置，会员详情修改

li-guang

2020-12-15 59da004f2ec6c8dc2b59b524ea4c20883e317ca5

个人中心设置，会员详情修改

 hive-app/App.vue

@@ -16,5 +16,5 @@
    /*每个页面公共css */
@import url("./common/styles/index");
@import url("./static/iconfont/iconfont.css");
@import url("//at.alicdn.com/t/font_2263696_85i6dla763h.css");
@import url("//at.alicdn.com/t/font_2263696_9yynz69zizb.css");
</style>

 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>
@@ -76,6 +79,25 @@
</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>

 hive-app/pages/mine/setting.vue

@@ -16,11 +16,11 @@
</script>

<style>
    .container:first-child{
        border-top: 1px solid #ABB1CC;
    .container{
        padding: 0 15px;
    }
    .content-row{
        padding: 10px 15px;
        border-bottom: 1px solid #ABB1CC;
        padding: 10px 0px;
        border-bottom: 1px solid #EDEAF4;
    }
</style>