fix(tag): update style & add prop sharp

This commit is contained in:
xuxiaoyan 2018-12-06 16:23:49 +08:00
parent a75c4032f1
commit 1e52442656
3 changed files with 9 additions and 7 deletions

View File

@ -21,9 +21,10 @@ Vue.component(Tag.name, Tag)
#### Tag Props
| Props | Description | Type | Default | Value |
|----|-----|------|------|------|
|size| The size of tag |String|`large`|`tiny`, `small`, `large`|
|shape| The shape of tag |String|`square`|`square`, `circle`, `fillet`, `quarter`, `coupon`|
|type| The style of tag |String|`ghost`|`fill`, `ghost`|
|fill-color| Background color, `rgba` or `hex number`|String|`rgba(0,0,0,0)`|-|
|font-weight| Font weight |String|`normal`|`normal`, `bold`, `bolder`|
|font-color| Font color, `rgba` or `hex number`|String|`#fc9153`|-|
|size| size of tag |String|`large`|`tiny`, `small`, `large`|
|shape| shape of tag |String|`square`|`square`, `circle`, `fillet`, `quarter`, `coupon`|
|sharp|angle of tag|String|-|`top-left`, `top-right`, `bottom-left`, `bottom-right`|
|type| style of tag |String|`ghost`|`fill`, `ghost`|
|fill-color| background color, `rgba` or `hex number`|String|`rgba(0,0,0,0)`|-|
|font-weight| font weight |String|`normal`|`normal`, `bold`, `bolder`|
|font-color| font color, `rgba` or `hex number`|String|`#fc9153`|-|

View File

@ -23,6 +23,7 @@ Vue.component(Tag.name, Tag)
|----|-----|------|------|------|
|size|标签大小|String|`large`|`tiny`, `small`, `large`|
|shape|标签形状|String|`square`|`square`, `circle`, `fillet`, `quarter`, `coupon`|
|sharp|标签尖角|String|-|`top-left`, `top-right`, `bottom-left`, `bottom-right`|
|type|标签样式|String|`ghost`|`fill`(填充), `ghost`(线框)|
|fill-color|标签颜色`rgba` or `hex number`|String|`rgba(0,0,0,0)`|-|
|font-weight|字体粗细|String|`normal`|`normal`, `bold`, `bolder`|

View File

@ -207,7 +207,7 @@ export default {
width 5px
.shape-bubble
width 53px
width 50px
padding 6px 0
border-radius radius-circle
border-bottom-left-radius 0