zhenyulei 6 years ago
parent
commit
3861f84662

+ 1 - 1
src/packages/avatar/avatar.scss

@@ -49,7 +49,7 @@
     height: 24px;
     line-height: 24px;
 }
-.avatar-mormal{
+.avatar-normal{
     width:32px;
     height: 32px;
     line-height: 32px;

+ 1 - 1
src/packages/avatar/avatar.vue

@@ -10,7 +10,7 @@ export default {
     props: {
         size:{
             type:String,
-            default:'mormal'
+            default:'normal'
         },
         shape:{
             type:String,

+ 2 - 2
src/packages/avatar/demo.vue

@@ -3,13 +3,13 @@
       <h4>默认用法,有三种尺寸</h4>
         <div class="white-bg">
           <nut-avatar size="large"></nut-avatar>
-          <nut-avatar size="mormal"></nut-avatar>
+          <nut-avatar size="normal"></nut-avatar>
           <nut-avatar size="small"></nut-avatar>
         </div>
       <h4>可以修改头像的形状类型</h4>
       <div class="white-bg">
         <nut-avatar size="large" shape="square"></nut-avatar>
-        <nut-avatar size="mormal" shape="square"></nut-avatar>
+        <nut-avatar size="normal" shape="square"></nut-avatar>
         <nut-avatar size="small" shape="square"></nut-avatar>
       </div>
       <h4>可以修改头像的背景色</h4>

+ 17 - 7
src/packages/avatar/doc.md

@@ -18,7 +18,9 @@
 ## 设置大小
 
 ```html
-<nut-avatar :size="30"></nut-avatar>
+<nut-avatar size="large"></nut-avatar>
+<nut-avatar size="normal"></nut-avatar>
+<nut-avatar size="small"></nut-avatar>
 ```
 
 ## 设置头像的形状类型
@@ -32,10 +34,6 @@
 <nut-avatar :size="30" bgIcon="">U</nut-avatar>
 ```
 
-## 设置头像右上角的徽标
-```html
-<nut-avatar :dot="13"></nut-avatar>
-```
 ## 设置头像背景图片
 ```html
 <nut-avatar 
@@ -49,14 +47,26 @@ bgIcon="" bgImage="http://img30.360buyimg.com/uba/jfs/t1/84318/29/2102/10483/5d0
 </nut-avatar>
 ```
 
+## 点击头像有触发事件
+```html
+<nut-avatar @activeAvatar="activeAvatar">
+</nut-avatar>
+```
+
 
 ## Prop
 
 | 字段 | 说明 | 类型 | 默认值
 |----- | ----- | ----- | ----- 
 | bgColor | 设置头像背景色 | String | #eee
-| size | 设置头像的大小,也就是宽和高,单位是px | Number | 40
+| size | 设置头像的大小,提供三种:large /normal/small | String | normal
 | shape | 设置头像的形状,默认是圆形,可以设置为square方形 | String | --
-| doc | 设置带徽标的头像,默认为0,为0时不显示徽标 | Number | 0
 | bgImage | 设置头像的背景图片 | String | --
 | bgIcon | 设置头像的icon图标 | String | --
+
+
+## Event
+
+| 字段 | 说明 | 回调参数 
+|----- | ----- | ----- 
+| activeAvatar | 点击头像有触发事件 | --