`

packages/components/avatar.vue

@@ -1,12 +1,19 @@
 <script>
 export default {
   name: "LemonAvatar",
+  inject:['IMUI'],
   props: {
     src: String,
     icon: {
       type: String,
       default: "lemon-icon-people"
     },
+    circle:{
+      type:Boolean,
+      default(){
+        return this.IMUI ? this.IMUI.avatarCricle : false;
+      },
+    },
     size: {
       type: Number,
       default: 32
@@ -21,7 +28,7 @@ export default {
     return (
       <span
         style={this.style}
-        class="lemon-avatar"
+        class={['lemon-avatar',{'lemon-avatar--circle':this.circle}]}
         on-click={e => this.$emit("click", e)}
       >
         {this.imageFinishLoad && <i class={this.icon} />}
@@ -65,6 +72,8 @@ export default {
   overflow hidden
   vertical-align middle
   border-radius 4px
+  +m(circle)
+    border-radius 50%
   img
     width 100%
     height 100%