Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Context app added misc - media

Browse Source
This commit is contained in:
Bahadır Sofuoğlu
2022-11-29 14:50:43 +03:00
parent a9b61fb661
commit 83497afd6c
4 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -5,7 +5,7 @@
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vite App</title>
<title>Sakai Vue</title>
<link id="theme-css" rel="stylesheet" type="text/css" href="/themes/lara-light-indigo/theme.css">
</head>

2
src/views/uikit/Media.vue
View File

@@ -102,7 +102,7 @@ onMounted(() => {
<div class="card">
<h5>Image</h5>
<div class="flex justify-content-center">
<Image src="/demo/images/galleria/galleria11.jpg" alt="Image" width="250" preview />
<Image :src="contextPath + 'demo/images/galleria/galleria11.jpg'" alt="Image" width="250" preview />
</div>
</div>
</div>

19
src/views/uikit/Misc.vue
View File

@@ -1,5 +1,8 @@
<script setup>
import { ref, onMounted, onBeforeUnmount } from 'vue';
import { useLayout } from '@/layout/composables/layout';
const { contextPath } = useLayout();
const value = ref(0);
let interval = null;
@@ -75,11 +78,11 @@ onBeforeUnmount(() => {
<h4>Avatar</h4>
<h5>Avatar Group</h5>
<AvatarGroup class="mb-3">
<Avatar image="/demo/images/avatar/amyelsner.png" size="large" shape="circle"></Avatar>
<Avatar image="/demo/images/avatar/asiyajavayant.png" size="large" shape="circle"></Avatar>
<Avatar image="/demo/images/avatar/onyamalimba.png" size="large" shape="circle"></Avatar>
<Avatar image="/demo/images/avatar/ionibowcher.png" size="large" shape="circle"></Avatar>
<Avatar image="/demo/images/avatar/xuxuefeng.png" size="large" shape="circle"></Avatar>
<Avatar :image="contextPath + 'demo/images/avatar/amyelsner.png'" size="large" shape="circle"></Avatar>
<Avatar :image="contextPath + 'demo/images/avatar/asiyajavayant.png'" size="large" shape="circle"></Avatar>
<Avatar :image="contextPath + 'demo/images/avatar/onyamalimba.png'" size="large" shape="circle"></Avatar>
<Avatar :image="contextPath + 'demo/images/avatar/ionibowcher.png'" size="large" shape="circle"></Avatar>
<Avatar :image="contextPath + 'demo/images/avatar/xuxuefeng.png'" size="large" shape="circle"></Avatar>
<Avatar label="+2" shape="circle" size="large" :style="{ 'background-color': '#9c27b0', color: '#ffffff' }"></Avatar>
</AvatarGroup>
@@ -151,9 +154,9 @@ onBeforeUnmount(() => {
<h5>Image</h5>
<div class="flex align-items-center flex-column sm:flex-row">
<Chip label="Amy Elsner" image="/demo/images/avatar/amyelsner.png" class="mr-2 mb-2"></Chip>
<Chip label="Asiya Javayant" image="/demo/images/avatar/asiyajavayant.png" class="mr-2 mb-2"></Chip>
<Chip label="Onyama Limba" image="/demo/images/avatar/onyamalimba.png" class="mr-2 mb-2"></Chip>
<Chip label="Amy Elsner" :image="contextPath + 'demo/images/avatar/amyelsner.png'" class="mr-2 mb-2"></Chip>
<Chip label="Asiya Javayant" :image="contextPath + 'demo/images/avatar/asiyajavayant.png'" class="mr-2 mb-2"></Chip>
<Chip label="Onyama Limba" :image="contextPath + 'demo/images/avatar/onyamalimba.png'" class="mr-2 mb-2"></Chip>
</div>
</div>

2
src/views/utilities/Icons.vue
View File

@@ -13,7 +13,7 @@ const filteredIcons = computed(() => {
});
onMounted(() => {
fetch(contextPath + 'data/icons.json', { headers: { 'Cache-Control': 'no-cache' } })
fetch(contextPath + 'demo/data/icons.json', { headers: { 'Cache-Control': 'no-cache' } })
.then((res) => res.json())
.then((d) => {
let icons = d.icons;