VCarousel API
组件页面
属性
| 名称 | 类型 | 默认值 |
|---|---|---|
| color | ||
| Applies a color to the navigation dots - 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 . | ||
| continuous | ||
| Determines whether carousel is continuous. | ||
| cycle | ||
| Determines if the carousel should cycle through images. | ||
| delimiter-icon | ||
| Sets icon for carousel delimiter. | ||
| direction | ||
| The transition direction when changing windows. | ||
| disabled | ||
| Removes the ability to click or target the component. | ||
| height | ||
| Sets the height for the component. | ||
| hide-delimiter-background | ||
| Hides the bottom delimiter background. | ||
| hide-delimiters | ||
| Hides the carousel’s bottom delimiters. | ||
| interval | ||
| The duration between image cycles. Requires the cycle prop. | ||
| mandatory | ||
| Forces at least one item to always be selected (if available). | ||
| model-value | ||
| The v-model value of the component. If component supports the multiple prop, this defaults to an empty array. | ||
| next-icon | ||
| The displayed icon for forcing pagination to the next item. | ||
| prev-icon | ||
| The displayed icon for forcing pagination to the previous item. | ||
| progress | ||
| Displays a carousel progress bar. Requires the cycle prop and interval. | ||
| reverse | ||
| Reverse the normal transition direction. | ||
| selected-class | ||
| Configure the active CSS class applied when an item is selected. | ||
| show-arrows | ||
| Displays arrows for next/previous navigation. | ||
| tag | ||
| Specify a custom tag used on the root element. | ||
| theme | ||
| Specify a theme for this component and all of its children. | ||
| touch | ||
| Provide a custom left and right function when swiped left or right. | ||
| vertical-delimiters | ||
| Displays carousel delimiters vertically. | ||
插槽
| additional |
| Slot for additional content at the end of the component. |
| default |
| The default Vue slot. |
| item |
| Define a custom item appearance. |
| next |
| Slot displaying the arrow switching to the next item. |
| prev |
| Slot displaying the arrow switching to the previous item. |
SASS 变量
| 名称 | 默认值 |
|---|---|
| $carousel-controls-bg | |
| $carousel-controls-color | |
| $carousel-controls-size | |
| $carousel-controls-theme | |
| $carousel-dot-active-opacity | |
| $carousel-dot-hover-opacity | |
| $carousel-dot-inactive-opacity | |
| $carousel-dot-margin | |