Use angle icon instead of caret
parent
325d81c144
commit
cc845dd235
|
@ -12,7 +12,7 @@
|
||||||
:aria-haspopup="item.items != null" :aria-expanded="item === activeItem" role="menuitem" :tabindex="item.disabled ? null : '0'">
|
:aria-haspopup="item.items != null" :aria-expanded="item === activeItem" role="menuitem" :tabindex="item.disabled ? null : '0'">
|
||||||
<span :class="['p-menuitem-icon', item.icon]"></span>
|
<span :class="['p-menuitem-icon', item.icon]"></span>
|
||||||
<span class="p-menuitem-text">{{item.label}}</span>
|
<span class="p-menuitem-text">{{item.label}}</span>
|
||||||
<span class="p-submenu-icon pi pi-caret-right" v-if="item.items"></span>
|
<span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
|
||||||
</a>
|
</a>
|
||||||
<sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
|
<sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
|
||||||
@leaf-click="onLeafClick" :parentActive="item === activeItem" />
|
@leaf-click="onLeafClick" :parentActive="item === activeItem" />
|
||||||
|
|
|
@ -215,8 +215,8 @@ export default {
|
||||||
},
|
},
|
||||||
getCategorySubMenuIcon() {
|
getCategorySubMenuIcon() {
|
||||||
return ['p-submenu-icon pi', {
|
return ['p-submenu-icon pi', {
|
||||||
'pi-caret-down': this.horizontal,
|
'pi-angle-down': this.horizontal,
|
||||||
'pi-caret-right': this.vertical
|
'pi-angle-right': this.vertical
|
||||||
}];
|
}];
|
||||||
},
|
},
|
||||||
getCategoryIcon(category) {
|
getCategoryIcon(category) {
|
||||||
|
|
|
@ -263,7 +263,7 @@ export default {
|
||||||
},
|
},
|
||||||
getSubmenuIcon() {
|
getSubmenuIcon() {
|
||||||
return [
|
return [
|
||||||
'p-submenu-icon pi', {'pi-caret-right': !this.root, 'pi-caret-down': this.root}
|
'p-submenu-icon pi', {'pi-angle-right': !this.root, 'pi-angle-down': this.root}
|
||||||
];
|
];
|
||||||
},
|
},
|
||||||
visible(item) {
|
visible(item) {
|
||||||
|
|
|
@ -12,7 +12,7 @@
|
||||||
@click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="item.disabled ? null : '0'">
|
@click="onItemClick($event, item)" @keydown="onItemKeyDown($event, item)" role="menuitem" :tabindex="item.disabled ? null : '0'">
|
||||||
<span :class="['p-menuitem-icon', item.icon]"></span>
|
<span :class="['p-menuitem-icon', item.icon]"></span>
|
||||||
<span class="p-menuitem-text">{{item.label}}</span>
|
<span class="p-menuitem-text">{{item.label}}</span>
|
||||||
<span class="p-submenu-icon pi pi-caret-right" v-if="item.items"></span>
|
<span class="p-submenu-icon pi pi-angle-right" v-if="item.items"></span>
|
||||||
</a>
|
</a>
|
||||||
<sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
|
<sub-menu :model="item.items" v-if="visible(item) && item.items" :key="item.label + '_sub_'"
|
||||||
@leaf-click="onLeafClick" @keydown-item="onChildItemKeyDown" :parentActive="item === activeItem" />
|
@leaf-click="onLeafClick" @keydown-item="onChildItemKeyDown" :parentActive="item === activeItem" />
|
||||||
|
|
Loading…
Reference in New Issue