pull/4694/head
Cagatay Civici 2023-10-25 12:14:34 +03:00
commit 72f117b1db
2 changed files with 10 additions and 4 deletions

View File

@ -126,6 +126,12 @@ export default {
}, },
watch: { watch: {
page(newValue) { page(newValue) {
if (newValue > this.d_page) {
this.navForward({}, newValue);
} else if (newValue < this.d_page) {
this.navBackward({}, newValue);
}
this.d_page = newValue; this.d_page = newValue;
}, },
circular(newValue) { circular(newValue) {

View File

@ -50,7 +50,7 @@ export default {
<div class="card"> <div class="card">
<div class="flex flex-wrap gap-5"> <div class="flex flex-wrap gap-5">
<div> <div>
<h5>Image</h5> <h5 class="mb-2">Image</h5>
<div class="flex"> <div class="flex">
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png" class="mr-2" size="xlarge" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/amyelsner.png" class="mr-2" size="xlarge" shape="circle" />
<Avatar image="https://primefaces.org/cdn/primevue/images/avatar/asiyajavayant.png" class="mr-2" size="large" shape="circle" /> <Avatar image="https://primefaces.org/cdn/primevue/images/avatar/asiyajavayant.png" class="mr-2" size="large" shape="circle" />
@ -59,11 +59,11 @@ export default {
</div> </div>
<div> <div>
<h5>Badge</h5> <h5 class="mb-2">Badge</h5>
<Avatar v-badge.danger="4" class="p-overlay-badge" image="https://primefaces.org/cdn/primevue/images/organization/walter.jpg" size="xlarge" /> <Avatar v-badge.danger="4" class="relative" image="https://primefaces.org/cdn/primevue/images/organization/walter.jpg" size="xlarge" />
</div> </div>
<div> <div class="mb-2">
<h5>Gravatar</h5> <h5>Gravatar</h5>
<Avatar image="https://www.gravatar.com/avatar/05dfd4b41340d09cae045235eb0893c3?d=mp" class="flex align-items-center justify-content-center mr-2" size="xlarge" /> <Avatar image="https://www.gravatar.com/avatar/05dfd4b41340d09cae045235eb0893c3?d=mp" class="flex align-items-center justify-content-center mr-2" size="xlarge" />
</div> </div>