Frontend-feature-41 #45
3 changed files with 6 additions and 9 deletions
|
@ -16,7 +16,6 @@
|
|||
"dependencies": {
|
||||
"@primeuix/themes": "^1.0.1",
|
||||
"pinia": "^3.0.1",
|
||||
"primeicons": "^7.0.0",
|
||||
"primevue": "^4.3.3",
|
||||
"vue": "^3.5.13",
|
||||
"vue-router": "^4.5.0"
|
||||
|
|
|
@ -1,6 +1,4 @@
|
|||
@import './base.css';
|
||||
@import 'primeicons/primeicons.css';
|
||||
|
||||
|
||||
#app {
|
||||
max-width: 1280px;
|
||||
|
|
|
@ -10,24 +10,24 @@ const router = useRouter();
|
|||
const items = ref([
|
||||
{
|
||||
label: 'HomeViw',
|
||||
icon: 'pi pi-home',
|
||||
//icon: 'pi pi-home',
|
||||
route: '/'
|
||||
},
|
||||
{
|
||||
label: 'Student',
|
||||
icon: 'pi pi-graduation-cap',
|
||||
//icon: 'pi pi-graduation-cap',
|
||||
route: '/Student'
|
||||
},
|
||||
{
|
||||
label: 'Programmatic',
|
||||
icon: 'pi pi-link',
|
||||
//icon: 'pi pi-link'
|
||||
command: () => {
|
||||
router.push('/introduction');
|
||||
}
|
||||
},
|
||||
{
|
||||
label: 'External',
|
||||
icon: 'pi pi-home',
|
||||
//icon: 'pi pi-home',
|
||||
items: [
|
||||
{
|
||||
label: 'Vue.js',
|
||||
|
@ -51,11 +51,11 @@ const items = ref([
|
|||
<router-link v-if="item.route" v-slot="{ href, navigate }" :to="item.route" custom>
|
||||
<a v-ripple :href="href" v-bind="props.action" @click="navigate">
|
||||
<span :class="item.icon" />
|
||||
<span class="ml-2">{{ item.label }}</span>
|
||||
<!--span class="ml-2">{{ item.label }}</span-->
|
||||
</a>
|
||||
</router-link>
|
||||
<a v-else v-ripple :href="item.url" :target="item.target" v-bind="props.action">
|
||||
<span :class="item.icon" />
|
||||
<!--span :class="item.icon" /-->
|
||||
<span class="ml-2">{{ item.label }}</span>
|
||||
<span v-if="hasSubmenu" class="pi pi-angle-right ml-auto" />
|
||||
</a>
|
||||
|
|
Loading…
Add table
Reference in a new issue