Showing
1 changed file
with
10 additions
and
30 deletions
| 1 | 1 | <template> |
| 2 | - <n-dropdown | |
| 3 | - trigger="hover" | |
| 4 | - @select="handleSelect" | |
| 5 | - :show-arrow="true" | |
| 6 | - :options="options" | |
| 7 | - > | |
| 2 | + <n-dropdown trigger="hover" @select="handleSelect" :show-arrow="true" :options="options"> | |
| 8 | 3 | <div class="user-info-box"> |
| 9 | 4 | <person-icon v-if="fallback"></person-icon> |
| 10 | - <n-avatar | |
| 11 | - v-if="!fallback" | |
| 12 | - round | |
| 13 | - object-fit="cover" | |
| 14 | - size="medium" | |
| 15 | - :src="Person" | |
| 16 | - @error="errorHandle" | |
| 17 | - ></n-avatar> | |
| 5 | + <n-avatar v-if="!fallback" round object-fit="cover" size="medium" :src="Person" @error="errorHandle"></n-avatar> | |
| 18 | 6 | </div> |
| 19 | 7 | </n-dropdown> |
| 20 | 8 | |
| ... | ... | @@ -34,12 +22,7 @@ import { GoSystemInfo } from '@/components/GoSystemInfo/index' |
| 34 | 22 | import Person from './person.png' |
| 35 | 23 | |
| 36 | 24 | import { icon } from '@/plugins' |
| 37 | -const { | |
| 38 | - ChatboxEllipsesIcon, | |
| 39 | - PersonIcon, | |
| 40 | - LogOutOutlineIcon, | |
| 41 | - SettingsSharpIcon | |
| 42 | -} = icon.ionicons5 | |
| 25 | +const { ChatboxEllipsesIcon, PersonIcon, LogOutOutlineIcon, SettingsSharpIcon } = icon.ionicons5 | |
| 43 | 26 | |
| 44 | 27 | const t = window['$t'] |
| 45 | 28 | |
| ... | ... | @@ -62,11 +45,7 @@ const renderUserInfo = () => { |
| 62 | 45 | style: 'margin-right: 12px;', |
| 63 | 46 | src: Person |
| 64 | 47 | }), |
| 65 | - h('div', null, [ | |
| 66 | - h('div', null, [ | |
| 67 | - h(NText, { depth: 2 }, { default: () => '奔跑的面条' }) | |
| 68 | - ]) | |
| 69 | - ]) | |
| 48 | + h('div', null, [h('div', null, [h(NText, { depth: 2 }, { default: () => '奔跑的面条' })])]) | |
| 70 | 49 | ] |
| 71 | 50 | ) |
| 72 | 51 | } |
| ... | ... | @@ -86,11 +65,12 @@ const options = ref([ |
| 86 | 65 | key: 'sysSet', |
| 87 | 66 | icon: renderIcon(SettingsSharpIcon) |
| 88 | 67 | }, |
| 89 | - { | |
| 90 | - label: renderLang('global.contact'), | |
| 91 | - key: 'contact', | |
| 92 | - icon: renderIcon(ChatboxEllipsesIcon) | |
| 93 | - }, | |
| 68 | + // THINGS_KIT | |
| 69 | + // { | |
| 70 | + // label: renderLang('global.contact'), | |
| 71 | + // key: 'contact', | |
| 72 | + // icon: renderIcon(ChatboxEllipsesIcon) | |
| 73 | + // }, | |
| 94 | 74 | { |
| 95 | 75 | type: 'divider', |
| 96 | 76 | key: 'd3' | ... | ... |