API
Variables
Props
| name | type | default | description | required version |
| title | string | label text on the left | -- | |
| value | string | right text | -- | |
| inline-desc | string | the text below title | -- | |
| link | string object | redirect link. Can be http(s) protocol; can also be vue-router format | -- | |
| is-link | boolean | false | if this is a link; if true, there will be an arrow on the right | -- |
| primary | string | title | main content area, can be in ['title', 'content'] | -- |
| is-loading | boolean | false | if show loading icon, good for asynchronous loading | v2.2.0 |
| value-align | string | left | value's text-align，one of left, right. prop:primary will be set to content if value-align value is right | v2.2.0 |
| border-intent | boolean | true | if set border intent on the left side | v2.2.1-rc.1 |
| arrow-direction | string | arrow direction, one of up, down | v2.2.1-rc.1 | |
| disabled | boolean | set disabled style for label and arrow (if is-link is true) | v2.2.2 | |
| align-items | string | center | align-items value | v2.6.4 |
Slots
| name | description | required version |
| default | right area, you can use default slot instead of prop:value so you can use complicated layout | -- |
| value | [deprecated] the same as default slot | -- |
| icon | icon area before title | -- |
| after-title | after title | -- |
| child | the child element of the cell, you can add an element with absolute position | -- |
| inline-desc | inline-desc slot, the same function as prop:inline-desc but can use html | v2.2.1-rc.6 |
| title | title slot | v2.3.3 |
Variables
| name | default | description | inherited name |
| @cell-label-color | #000 | -- | |
| @cell-font-size | 17px | -- | |
| @cell-tips-font-size | 14px | -- | |
| @cell-default-arrow-color | #C8C8CD | -- | |
| @cell-disabled-arrow-color | #e2e2e2 | -- | |
| @cell-default-arrow-border-width | 2px | -- | |
| @cell-default-arrow-width | 6px | -- | |
| @cell-value-color | #999 | -- | |
| @cell-placeholder-color | #999 | -- | |
| @cell-body-label-color | #000 | -- |
Contributors
Contributors
Total commits quantity: 52，Total contributors quantity: 5
unclayFisherairyland万刚Qiongrong JiangChangelog
Releases
- v2.9.0 [fix] fix weui-loading style
- v2.8.1 [fix] fix justify class #2545
- v2.7.0 [fix] fix ssr rendering issue
- v2.6.4 [feature] support prop:align-items
- v2.3.6 [feature] Support arrow less variables
- v2.3.3 [feature] Support slot:title
- v2.2.2 [feature] Support prop:disabled
- v2.2.1-rc.6 [feature] Support slot:inline-desc
- v2.2.1-rc.1 [feature] Support prop:border-intent
- v2.2.1-rc.1 [feature] Support prop:arrow-direction
- v2.2.0 [feature] Support prop:is-loading
- v2.1.1-rc.13 [fix] Support Group label styles #1110
- v2.1.1-rc.3 [feature] Add font-size variable #990 @wg5945