userinfo

pages/basicData/userManagent/userInfo.vue

 <template>
   <div>
-    <Card style="width:350px;float:left">
+    <Card class="img_top01">
       <p slot="title">个人头像</p>
       <div style="height:415px;">
         <p style="text-align:center;padding-top:100px;">
-          <Avatar :src="avatorPath" size="150" />
+          <Avatar :src="avatorPath" size="150"  v-if="avatorPath" />
+          <Avatar size="150" style="background-color: #87d068" v-else-if="!avatorPath"  icon="ios-person" />
         </p>
         <p style="text-align:center;padding:10px;">
           <Button @click="openModalAvatar">修改头像</Button>
@@ -92,7 +93,7 @@
   </div>
 </template>
 <script>
-import Api from "../user/api";
+import Api from "./api";
 import avatar from "@/assets/images/avatar.png";
 import inputFiles from "@/components/page/inputFile.vue";
 export default {
@@ -267,8 +268,12 @@ export default {
 };
 </script>
 <style  lang="less" >
-.ivu-card-body {
-  padding: 0px;
+.img_top01{
+  width:350px;
+  float:left;
+  .ivu-card-body {
+    padding: 0px;
+  }
 }
 .ivu-tabs-nav-scroll {
   background: #f5f6fa;
@@ -301,5 +306,8 @@ export default {
   float: left;
   margin-left: 20px;
   width: calc(78% - 20px);
+  .ivu-card-body {
+    padding: 0px;
+  }
 }
 </style>
\ No newline at end of file