browser example fix

pull/1792/head
Tuğçe Küçükoğlu 2021-11-18 12:16:01 +03:00
parent 2c45f4f74e
commit 9a919ff9e2
4 changed files with 10 additions and 10 deletions

View File

@ -1023,22 +1023,22 @@ export default {
<div class="dock-window"> <div class="dock-window">
<p-dock :model="dockBasicItems" position="bottom"> <p-dock :model="dockBasicItems" position="bottom">
<template #icon="{ item }"> <template #icon="{ item }">
<img :alt="item.label" :src="item.icon" style="width: 100%" /> <img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
</template> </template>
</p-dock> </p-dock>
<p-dock :model="dockBasicItems" position="top"> <p-dock :model="dockBasicItems" position="top">
<template #icon="{ item }"> <template #icon="{ item }">
<img :alt="item.label" :src="item.icon" style="width: 100%" /> <img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
</template> </template>
</p-dock> </p-dock>
<p-dock :model="dockBasicItems" position="left"> <p-dock :model="dockBasicItems" position="left">
<template #icon="{ item }"> <template #icon="{ item }">
<img :alt="item.label" :src="item.icon" style="width: 100%" /> <img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
</template> </template>
</p-dock> </p-dock>
<p-dock :model="dockBasicItems" position="right"> <p-dock :model="dockBasicItems" position="right">
<template #icon="{ item }"> <template #icon="{ item }">
<img :alt="item.label" :src="item.icon" style="width: 100%" /> <img :alt="item.label" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" style="width: 100%" />
</template> </template>
</p-dock> </p-dock>
</div> </div>

View File

@ -454,7 +454,7 @@ export default {
<script src="./ProductService.js"><\\/script>`, <script src="./ProductService.js"><\\/script>`,
content: `<div id="app"> content: `<div id="app">
<div class="card"> <div class="card">
<p-orderlist v-model="products" listStyle="height:auto" dataKey="id"> <p-orderlist v-model="products" list-style="height:auto" data-key="id">
<template #header> <template #header>
List of Products List of Products
</template> </template>

View File

@ -290,7 +290,7 @@ export default {
<p-selectbutton v-model="value2" :options="paymentOptions" option-label="name" multiple></p-selectbutton> <p-selectbutton v-model="value2" :options="paymentOptions" option-label="name" multiple></p-selectbutton>
<h5>Custom Content</h5> <h5>Custom Content</h5>
<p-selectbutton v-model="value3" :options="justifyOptions" dataKey="value"> <p-selectbutton v-model="value3" :options="justifyOptions" data-key="value">
<template #option="slotProps"> <template #option="slotProps">
<i :class="slotProps.option.icon"></i> <i :class="slotProps.option.icon"></i>
</template> </template>

View File

@ -697,12 +697,12 @@ export default {
icon:'pi pi-fw pi-plus', icon:'pi pi-fw pi-plus',
items:[ items:[
{ {
label:'Bookmark', label:'Bookmark',
icon:'pi pi-fw pi-bookmark' icon:'pi pi-fw pi-bookmark'
}, },
{ {
label:'Video', label:'Video',
icon:'pi pi-fw pi-video' icon:'pi pi-fw pi-video'
}, },
] ]
}, },