| | |
|---|
| | | <template> |
|---|
| | | <ElDropdown class="custom-hover" :class="prefixCls" trigger="click"> |
|---|
| | | <div class="flex items-center"> |
|---|
| | | <ElAvatar :src="avatar" alt="" class="w-[calc(var(--logo-height)-25px)] rounded-[50%]" /> |
|---|
| | | <span class="pl-[5px] text-14px text-[var(--top-header-text-color)] <lg:hidden"> |
|---|
| | | {{ userName }} |
|---|
| | | </span> |
|---|
| | |
|---|
| | | <ElDropdownItem> |
|---|
| | | <Icon icon="ep:tools" /> |
|---|
| | | <div @click="toProfile">{{ t('common.profile') }}</div> |
|---|
| | | </ElDropdownItem> |
|---|
| | | <ElDropdownItem> |
|---|
| | | <Icon icon="ep:menu" /> |
|---|
| | | <div @click="toDocument">{{ t('common.document') }}</div> |
|---|
| | | </ElDropdownItem> |
|---|
| | | <ElDropdownItem divided> |
|---|
| | | <Icon icon="ep:lock" /> |
|---|
| | | <div @click="lockScreen">{{ t('lock.lockScreen') }}</div> |
|---|
| | | </ElDropdownItem> |
|---|
| | | <ElDropdownItem divided @click="loginOut"> |
|---|
| | | <Icon icon="ep:switch-button" /> |
|---|
