<template>
 <div class="body">
  <div class="item">
    <div style="display: flex;flex-direction: column">
      <div class="name">黄埔长威</div>
      <div>联系方式:13137589630</div>
    </div>
    <div>退出账号</div>
  </div>
   <div class="item">
    <div>申请提货</div>
    <img src="@/assets/enterItem.svg" alt="" class="imgItem">
   </div>
   <div class="item">
     <div>申请退货</div>
     <img src="@/assets/enterItem.svg" alt="" class="imgItem">
   </div>
   <div class="item">
     <div>历史记录</div>
     <img src="@/assets/enterItem.svg" alt="" class="imgItem">
   </div>
 </div>
</template>
<script>
export default {
  name: 'home',
  data () {
    return {
    }
  }
}
</script>
<style scoped>
 .body{
   height: 100vh;
   display: flex;
   flex-direction: column;
   font-size: 14px;
   box-sizing: border-box;
   color: #333333;
 }
 .item{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   box-sizing: border-box;
   padding: 0 21px;
   align-items: center;
   border: 1px solid #DBDBDB;
   border-radius: 20px;
   height: 60px;
   margin-top: 20px;
 }
 .name{
   font-size: 16px;
 }
 .imgItem{
   width: 19px;
   height: 19px;
 }
</style>
