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