twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-08 01:17:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: perf sidebar style (#95)

Browse Source
This commit is contained in:
一万 2021-11-03 20:51:16 +08:00 committed by GitHub
parent dae0b5dc08
commit e0551251d3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/layout/components/sidebar/sidebarItem.vue
View File

@ -112,8 +112,11 @@ function resolvePath(routePath) {
<template #content> {{ $t(onlyOneChild.meta.title) }} </template> <template #content> {{ $t(onlyOneChild.meta.title) }} </template>
<span <span
ref="menuTextRef" ref="menuTextRef"
style="overflow: hidden; text-overflow: ellipsis" :style="{
:style="pureApp.sidebar.opened ? 'width: 125px' : ''" width: pureApp.sidebar.opened ? '125px' : '',
overflow: 'hidden',
textOverflow: 'ellipsis'
}"
@mouseover="hoverMenu(onlyOneChild)" @mouseover="hoverMenu(onlyOneChild)"
> >
{{ $t(onlyOneChild.meta.title) }} {{ $t(onlyOneChild.meta.title) }}
@ -148,12 +151,12 @@ function resolvePath(routePath) {
<template #content> {{ $t(props.item.meta.title) }} </template> <template #content> {{ $t(props.item.meta.title) }} </template>
<div <div
ref="menuTextRef" ref="menuTextRef"
style=" :style="{
display: inline-block; width: pureApp.sidebar.opened ? '125px' : '',
overflow: hidden; display: 'inline-block',
text-overflow: ellipsis; overflow: 'hidden',
width: 125px; textOverflow: 'ellipsis'
" }"
@mouseover="hoverMenu(props.item)" @mouseover="hoverMenu(props.item)"
> >
<span style="overflow: hidden; text-overflow: ellipsis"> <span style="overflow: hidden; text-overflow: ellipsis">