VSkeletonLoader API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| boilerplate | ||
| Remove the loading animation from the skeleton. | ||
| 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 . | ||
| elevation | ||
| 组件的海拔可接受 0 到 24 之间的值。你可以在 elevation page 浏览更多信息。 | ||
| height | ||
| 设定组件的高度。 | ||
| loading | ||
| 应用一个加载动画，加载光标在悬停时加载。false 的值只有在 default 槽中有内容时才会工作。 | ||
| loading-text | ||
| MISSING DESCRIPTION (edit in github ) | ||
| max-height | ||
| 设定组件的最大高度。 | ||
| max-width | ||
| 设定组件的最大宽度。 | ||
| min-height | ||
| 设定组件的最小高度。 | ||
| min-width | ||
| 设定组件的最小宽度。 | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| type | ||
| 字符串分隔要创建的骨架组件列表，例如 type="text@3" 和 type="card, list-item"。将根据提供的字符串递归生成相应的框架。 还支持多个元素的简写，例如 article@3 和 paragraph@2 ，它们将生成 3 article skeletons and 2 paragraph 骨架。 请参阅下面的可用预定义选项列表。 | ||
| width | ||
| 设定组件的宽度。 | ||
插槽
| default |
| 默认Vue 插槽。 |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $skeleton-loader-actions-button-margin | |
| $skeleton-loader-actions-padding | |
| $skeleton-loader-avatar-height | |
| $skeleton-loader-avatar-margin | |
| $skeleton-loader-avatar-width | |
| $skeleton-loader-background | |
| $skeleton-loader-bone-background | |
| $skeleton-loader-border-radius | |
| $skeleton-loader-button-border-radius | |
| $skeleton-loader-button-height | |
| $skeleton-loader-button-width | |
| $skeleton-loader-chip-border-radius | |
| $skeleton-loader-chip-height | |
| $skeleton-loader-chip-width | |
| $skeleton-loader-date-picker-border-radius | |
| $skeleton-loader-date-picker-days-margin | |
| $skeleton-loader-date-picker-heading-max-width | |
| $skeleton-loader-date-picker-heading-width | |
| $skeleton-loader-date-picker-text-max-width | |
| $skeleton-loader-date-picker-text-width | |
| $skeleton-loader-divider-border-radius | |
| $skeleton-loader-divider-height | |
| $skeleton-loader-gutter | |
| $skeleton-loader-heading-border-radius | |
| $skeleton-loader-heading-height | |
| $skeleton-loader-image-height | |
| $skeleton-loader-loading-animation | |
| $skeleton-loader-loading-transform | |
| $skeleton-loader-subtitle-max-width | |
| $skeleton-loader-subtitle-text-border-radius | |
| $skeleton-loader-subtitle-text-height | |
| $skeleton-loader-table-cell-height | |
| $skeleton-loader-table-cell-width | |
| $skeleton-loader-table-row-margin | |
| $skeleton-loader-table-row-text-margin | |
| $skeleton-loader-text-background | |
| $skeleton-loader-text-border-radius | |
| $skeleton-loader-text-height | |
| $skeleton-loader-text-three-text-max-width | |
| $skeleton-loader-text-two-text-margin-top | |
| $skeleton-loader-text-two-text-max-width | |