vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Update #3797 - Card updates

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-03-24 16:15:30 +03:00
parent f9074c68a6
commit 463a07a39e
2 changed files with 62 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

29
components/lib/card/Card.vue
View file

@ -1,15 +1,19 @@
<template>
<div class="p-card p-component">
<div v-if="$slots.header" class="p-card-header">
<div class="p-card p-component" v-bind="ptm('root')">
<div v-if="$slots.header" class="p-card-header" v-bind="ptm('header')">
<slot name="header"></slot>
</div>
<div class="p-card-body">
<div v-if="$slots.title" class="p-card-title"><slot name="title"></slot></div>
<div v-if="$slots.subtitle" class="p-card-subtitle"><slot name="subtitle"></slot></div>
<div class="p-card-content">
<div class="p-card-body" v-bind="ptm('body')">
<div v-if="$slots.title" class="p-card-title" v-bind="ptm('title')">
<slot name="title"></slot>
</div>
<div v-if="$slots.subtitle" class="p-card-subtitle" v-bind="ptm('subtitle')">
<slot name="subtitle"></slot>
</div>
<div class="p-card-content" v-bind="ptm('content')">
<slot name="content"></slot>
</div>
<div v-if="$slots.footer" class="p-card-footer">
<div v-if="$slots.footer" class="p-card-footer" v-bind="ptm('footer')">
<slot name="footer"></slot>
</div>
</div>
@ -17,13 +21,10 @@
</template>
<script>
import ComponentBase from 'primevue/base';
export default {
name: 'Card'
name: 'Card',
extends: ComponentBase
};
</script>
<style>
.p-card-header img {
width: 100%;
}
</style>