<template>
    <div class="container">
        <div class="set_top">
          <div class="baseInfo flex-box">
            <img src="../../assets/images/user_logo.png" alt="">
            <p class="flex">编辑头像</p>
          </div>
        </div>
        <div class="set_content">
          <div class="item_wrap">
            <label>昵称</label>
            <p>15210111032</p>
          </div>
          <div class="item_wrap border-no">
            <label>账号绑定</label>
            <p></p>
            <router-link to="/changePhone"><span class="fontSize1 color3">修改</span></router-link>
          </div>
          <div class="zwHeight border-top border-bottom"></div>
          <div class="item_wrap">
            <label>密码修改</label>
            <p></p>
            <i class="iconfont icon-arrow-right1"></i>
          </div>
          <div class="item_wrap">
            <label>邮箱</label>
            <p class="color2">便于接收最新优惠活动</p>
            <i class="iconfont icon-arrow-right1"></i>
          </div>
        </div>
        <div class="btn-wrap">
         <router-link to="/"><div class="btn default-btn">退出登录</div></router-link>
        </div>
    </div>
</template>
<script>
    export default {
        name: '',
        data () {
            return {}
        },
        methods:{

        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.set_top{
  position relative
  height 9.1875rem
  background #fff
  .baseInfo{
    position absolute
    top 50%
    left 1.25rem
    margin-top -1.715rem
    img{
      width 3.625rem
      height 3.625rem
      margin-right .875rem
    }
    p{
      line-height 3.625rem
      font-size 1rem
      color #666666
    }
  }
}

</style>
