browser example fix
parent
2c45f4f74e
commit
9a919ff9e2
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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'
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue