pull/1792/head
Cagatay Civici 2021-11-18 12:22:46 +03:00
commit 985f8f5d03
5 changed files with 22 additions and 12 deletions

View File

@ -1023,22 +1023,22 @@ export default {
<div class="dock-window">
<p-dock :model="dockBasicItems" position="bottom">
<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>
</p-dock>
<p-dock :model="dockBasicItems" position="top">
<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>
</p-dock>
<p-dock :model="dockBasicItems" position="left">
<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>
</p-dock>
<p-dock :model="dockBasicItems" position="right">
<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>
</p-dock>
</div>

View File

@ -454,7 +454,7 @@ export default {
<script src="./ProductService.js"><\\/script>`,
content: `<div id="app">
<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>
List of Products
</template>

View File

@ -2526,7 +2526,8 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/autocomplete/autocomplete.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/calendar/calendar.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/chips/chips.min.js"><\\/script>
@ -2563,7 +2564,8 @@ export default {
<script src="./CustomerService.js"><\\/script>
<script src="./CountryService.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `<div id="app">
content: `
<div id="app">
<h1>Responsive Design</h1>
<div class="p-grid">
<div class="p-col-12 p-md-6 p-fluid">
@ -3432,7 +3434,15 @@ export default {
}
};
const routes = [{ path: "/", component: App }];
const router = VueRouter.createRouter({
history: VueRouter.createWebHashHistory(),
routes
});
createApp(App)
.use(router)
.use(primevue.config.default, { ripple: true })
.use(primevue.toastservice)
.use(primevue.confirmationservice)

View File

@ -290,7 +290,7 @@ export default {
<p-selectbutton v-model="value2" :options="paymentOptions" option-label="name" multiple></p-selectbutton>
<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">
<i :class="slotProps.option.icon"></i>
</template>

View File

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