perf: 修改全局菜单

This commit is contained in:
ibuler 2024-04-26 17:33:15 +08:00
parent 5261dce34f
commit 42425dc61b
9 changed files with 18 additions and 17 deletions

View File

@ -22,7 +22,6 @@
<el-tooltip <el-tooltip
v-if="isSystemError && isLoading" v-if="isSystemError && isLoading"
:content="$tc('Reconnect')" :content="$tc('Reconnect')"
effect="dark"
placement="top" placement="top"
> >
<svg-icon icon-class="refresh" @click="onRefresh" /> <svg-icon icon-class="refresh" @click="onRefresh" />

View File

@ -8,7 +8,7 @@
v-bind="data.attrs" v-bind="data.attrs"
> >
<template v-if="data.label" #label> <template v-if="data.label" #label>
<el-tooltip v-if="data.helpTip" effect="light" placement="top" popper-class="help-tips"> <el-tooltip v-if="data.helpTip" effect="dark" placement="top" popper-class="help-tips">
<div slot="content" v-html="data.helpTip" /> <div slot="content" v-html="data.helpTip" />
<i class="el-icon-warning-outline help-tip-icon" /> <i class="el-icon-warning-outline help-tip-icon" />
</el-tooltip> </el-tooltip>

View File

@ -164,6 +164,7 @@ $height: 28px;
line-height: $height; line-height: $height;
background: transparent; background: transparent;
color: #FFF; color: #FFF;
font-size: 13px;
& >>> .el-input__prefix { & >>> .el-input__prefix {
left: 0; left: 0;

View File

@ -5,7 +5,7 @@
<slot name="title"> <slot name="title">
<span style="padding-left: 10px"> <span style="padding-left: 10px">
{{ iTitle }} {{ iTitle }}
<el-tooltip v-if="helpTip" effect="light" placement="right" popper-class="help-tips"> <el-tooltip v-if="helpTip" effect="dark" placement="top" popper-class="help-tips">
<div slot="content" class="page-help-content" v-html="helpTip" /> <div slot="content" class="page-help-content" v-html="helpTip" />
<span> <span>
<el-button class="help-msg-btn"> <el-button class="help-msg-btn">
@ -98,7 +98,7 @@ export default {
} }
.page-content { .page-content {
height: calc(100% - 50px); height: calc(100% - 90px);
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
} }

View File

@ -23,7 +23,7 @@
<i v-if="item.icon" :class="item.icon" class="fa pre-icon " /> <i v-if="item.icon" :class="item.icon" class="fa pre-icon " />
{{ toSentenceCase(item.title) }} {{ toSentenceCase(item.title) }}
<slot :tab="item.name" name="badge" /> <slot :tab="item.name" name="badge" />
<el-tooltip v-if="item.helpTip" effect="light" placement="bottom" popper-class="help-tips"> <el-tooltip v-if="item.helpTip" effect="dark" placement="bottom" popper-class="help-tips">
<div slot="content" class="page-help-content" v-html="item.helpTip" /> <div slot="content" class="page-help-content" v-html="item.helpTip" />
<span> <span>
<el-button class="help-msg-btn"> <el-button class="help-msg-btn">

View File

@ -80,7 +80,7 @@ export default [
name: 'AccountTemplateList', name: 'AccountTemplateList',
component: () => import('@/views/accounts/AccountTemplate/AccountTemplateList'), component: () => import('@/views/accounts/AccountTemplate/AccountTemplateList'),
meta: { meta: {
menuTitle: i18n.t('Templates'), menuTitle: i18n.t('AccountTemplates'),
title: i18n.t('AccountTemplateList'), title: i18n.t('AccountTemplateList'),
permissions: ['accounts.view_accounttemplate'] permissions: ['accounts.view_accounttemplate']
} }

View File

@ -5,6 +5,10 @@
--color-warning: #f8ac59; --color-warning: #f8ac59;
--color-danger: #ed5565; --color-danger: #ed5565;
--color-link: #1c84c6; --color-link: #1c84c6;
--color-text: #1F2329;
--color-text-2: #646a73;
--color-text-3: #8f959e;
--color-text-4: #bbbfc4;
--banner-bg: #148f76; --banner-bg: #148f76;
--submenu-bg: #ffffff; --submenu-bg: #ffffff;
--menu-bg: #ffffff; --menu-bg: #ffffff;

View File

@ -93,10 +93,6 @@ div:focus {
padding: 20px; padding: 20px;
} }
.el-tooltip__popper.is-light {
background-color: #ebeef5 !important;
}
.el-tooltip__popper.is-light.help-tips div span { .el-tooltip__popper.is-light.help-tips div span {
padding: 50px; padding: 50px;
} }
@ -181,9 +177,9 @@ input[type=file] {
table-layout: fixed !important; table-layout: fixed !important;
} }
.el-tooltip__popper {
.el-tooltip__popper.is-dark { max-width: 500px !important;
max-width: 60% !important; line-height: 1.5;
} }
.view-switcher { .view-switcher {
@ -453,7 +449,7 @@ $tooltip-arrow-color: #c2d1e1;
i { i {
color: var(--color-info); color: var(--color-info);
opacity: 1; opacity: 0.9;
} }
} }
@ -461,6 +457,7 @@ $tooltip-arrow-color: #c2d1e1;
padding: 8px; padding: 8px;
font-weight: 500; font-weight: 500;
font-size: 13px; font-size: 13px;
line-height: 1.5;
} }
.help-tips { .help-tips {

View File

@ -82,8 +82,8 @@
} }
.el-menu-item, .el-submenu__title { .el-menu-item, .el-submenu__title {
height: 48px; height: 42px;
line-height: 48px; line-height: 42px;
font-weight: 400; font-weight: 400;
font-size: 13px; font-size: 13px;
} }
@ -121,6 +121,6 @@
} }
.nest-menu:last-child { .nest-menu:last-child {
padding-bottom: 10px; padding-bottom: 12px;
} }
} }