VEmptyState API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| action-text | ||
| The text used for the action button. | ||
| bg-color | ||
| Applies specified color to the control’s background. Used on components that also support the color prop. - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page . | ||
| color | ||
| Applies specified color to the control - supports utility colors (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)). Find a list of built-in classes on the colors page. | ||
| headline | ||
| A large headline often used for 404 pages. | ||
| height | ||
| Sets the height for the component. | ||
| href | ||
| The URL the action button links to. | ||
| icon | ||
| Apply a specific icon using the v-icon component. | ||
| image | ||
| Apply a specific image using v-img . | ||
| justify | ||
| Control the justification of the text. | ||
| max-height | ||
| Sets the maximum height for the component. | ||
| max-width | ||
| Sets the maximum width for the component. | ||
| min-height | ||
| Sets the minimum height for the component. | ||
| min-width | ||
| Sets the minimum width for the component. | ||
| size | ||
| Sets the height and width of the component. Default unit is px. Can also use the following predefined sizes: x-small, small, default, large, and x-large. | ||
| text | ||
| Specify content text for the component. | ||
| text-width | ||
| Sets the width of the text container. | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| title | ||
| Specify a title text for the component. | ||
| to | ||
| The URL the action button links to. | ||
| width | ||
| Sets the width for the component. | ||
事件
| 名称 | 类型 |
|---|---|
| click:action | |
| Event emitted when the action button is clicked. | |
插槽
| actions |
| Slot for the action button. |
| default |
| The default Vue slot. |
| headline |
| Slot for the component’s headline. |
| media |
| Slot for the component’s media. |
| text |
| Slot for the component’s text content. |
| title |
| Slot for the component’s title content. |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $empty-state-actions-btn-background-color | |
| $empty-state-actions-btn-color | |
| $empty-state-actions-gap | |
| $empty-state-actions-padding | |
| $empty-state-content-padding | |
| $empty-state-headline-color | |
| $empty-state-headline-font-size | |
| $empty-state-headline-font-weight | |
| $empty-state-headline-line-height | |
| $empty-state-headline-margin-bottom | |
| $empty-state-headline-mobile-font-size | |
| $empty-state-image-padding | |
| $empty-state-media-icon-color | |
| $empty-state-min-height | |
| $empty-state-padding | |
| $empty-state-text-font-size | |
| $empty-state-text-font-weight | |
| $empty-state-text-line-height | |
| $empty-state-text-padding | |
| $empty-state-title-font-size | |
| $empty-state-title-font-weight | |
| $empty-state-title-line-height | |
| $empty-state-title-margin-bottom | |