The v-card component has multiple children components that help you build complex examples without having to worry about spacing. This example is comprised of the v-card-title, v-card-text and v-card-actions components.

2025年3月12日 · The v-card component has multiple children components that help you build complex examples without having to worry about spacing. This example is comprised of the v-card-title, v-card-text and v-card-actions components.

Specifies an image background for the card. For more advanced implementations, it is recommended that you use the v-img component. You can find a v-img example here .

API for the v-card-text component. Vuetify 2 has reached EOL and is no longer actively maintained. Upgrade to Vuetify 3 or learn more about Vuetify 2 EOL. Latest release . v2.7.2 # v-card-text API # Component Pages . Cards # Props . Filter. name. type. default. description # …

API for the v-card component. Vuetify 2 has reached EOL and is no longer actively maintained. Upgrade to Vuetify 3 or learn more about Vuetify 2 EOL. Latest release . v2.7.2 # v-card API # 组件页面 . Cards # 属性 . Filter. name. type. default. description # 事件 . Filter. name. description # 插槽 . Filter. name. description # SASS ...

API for the v-card component. 指定された色をコントロールに適用します。利用できるのはマテリアルカラーの名前 (たとえば、success または purple) または css 表記の色 (#033またはrgba(255, 0, 0, 0.5)) です。colors のページ で、組み込みクラスのリストが確認できます。 # dark

Using v-list-items and a v-slider, we are able to create a unique weather card. The list components ensure that we have consistent spacing and functionality while the slider component allows us to provide a useful interface of selection to the user.

API for the v-carousel component.

2025年3月12日 · v-scroll targets the window by default but can also watch the element it’s being bound to. In the following example we use the self modifier, v-scroll.self , to watch the v-card element specifically.

2025年3月12日 · The v-hover component is a wrapper that should contain only one child element, and can trigger an event when hovered over. In order for v-hover to work properly, either the value prop should be set to true or the wrapped element should contain v-slot="{ wrapper }" .