<!-- personal -->
<template>
  <div>
      <me-header class="personal-header"></me-header>
    <me-scroll>
      <img src="./personal.png" class="personal-img">
    </me-scroll>
  </div>
</template>

<script>

import MeScroll from 'base/scroll/index.vue';
import MeHeader from "./header.vue";


export default {
    name:'personal',
  data () {
    return {
    };
  },
  components:{
    MeScroll,
    MeHeader
  }
}

</script>
<style lang='scss' scoped>
.personal-header{
  width: 100%
}
  .personal-img{
    width: 100%;
  }

</style>

<!--  -->
<template>
  <me-navbar class="header">
      <div slot="center" class="mine-personal-title">我的慕淘</div>
      <div slot="right">
        <i class="iconfont icon-setting"></i>
        <i class="iconfont icon-msg"></i>
      </div>
    </me-navbar>
</template>

<script>
import MeNavbar from "base/navbar/index.vue";
export default {
    name:'MeHeader',
  data () {
    return {
    };
  },
  components:{
    MeNavbar
  }
}

</script>
<style lang='scss' scoped>
@import '~assets/scss/mixins';

   .header{
        &.mine-navbar{   
            background-color: $header-bgc-translucent;
            z-index: $navbar-z-index;
        }

    }
    .mine-personal-title{
        color: #fff;
        text-align: center;
        font-size: 16px;
    }
    .iconfont{
        color: #fff;
        font-size: 16px;
    }
</style>