mart-admin/src/utils/themeConfig.ts

// 布局配置
export default {
    // 是否开启布局配置抽屉
    isDrawer: false,

    /* 全局主题
    ------------------------------- */
    // 默认 primary 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    primary: "#409eff",
    // 默认 success 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    success: "#67c23a",
    // 默认 info 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    info: "#909399",
    // 默认 warning 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    warning: "#e6a23c",
    // 默认 danger 颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    danger: "#f56c6c",

    /* 菜单 / 顶栏
    ------------------------------- */
    // 默认顶栏导航背景颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    topBar: "#ffffff",
    // 默认菜单导航背景颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    menuBar: "#545c64",
    // 默认分栏菜单背景颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    columnsMenuBar: '#545c64',
    // 默认顶栏导航字体颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    topBarColor: "#606266",
    // 默认菜单导航字体颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    menuBarColor: "#eaeaea",
    // 默认分栏菜单字体颜色，请注意：需要同时修改 `/@/theme/common/var.scss` 对应的值
    columnsMenuBarColor: '#e6e6e6',
    // 是否开启顶栏背景颜色渐变
    isTopBarColorGradual: false,
    // 是否开启菜单背景颜色渐变
    isMenuBarColorGradual: false,
    // 是否开启菜单字体背景高亮
    isMenuBarColorHighlight: false,
    // 是否开启菜单字体背景高亮

    /* 界面设置
    ------------------------------- */
    // 是否开启菜单水平折叠效果
    isCollapse: false,
    // 是否开启菜单手风琴效果
    isUniqueOpened: false,
    // 是否开启固定 Header
    isFixedHeader: false,
    // 初始化变量，用于更新菜单 el-scrollbar 的高度，请勿删除
    isFixedHeaderChange: false,
    // 是否开启经典布局分割菜单（仅经典布局生效）
    isClassicSplitMenu: false,
    // 是否开启自动锁屏
    isLockScreen: false,
    // 开启自动锁屏倒计时(s/秒)
    lockScreenTime: 30,

    /* 界面显示
    ------------------------------- */
    // 是否开启侧边栏 Logo
    isShowLogo: false,
    // 初始化变量，用于 el-scrollbar 的高度更新，请勿删除
    isShowLogoChange: false,
    // 是否开启 Breadcrumb
    isBreadcrumb: true,
    // 是否开启 Tagsview
    isTagsview: true,
    // 是否开启 Breadcrumb 图标
    isBreadcrumbIcon: false,
    // 是否开启 Tagsview 图标 
    isTagsviewIcon: false,
    // 是否开启 TagsView 缓存
    isCacheTagsView: false,
    // 是否开启 TagsView 拖拽
    isSortableTagsView: true,
    // 是否开启 Footer 底部版权信息
    isFooter: false,
    // 是否开启灰色模式
    isGrayscale: false,
    // 是否开启色弱模式
    isInvert: false,
    // 是否开启水印
    isWartermark: false,
    // 水印文案
    wartermarkText: 'small@小柒',

    /* 其它设置
    ------------------------------- */
    // 默认 Tagsview 风格，可选 1、 tagsStyleOne 2、 tagsStyleTwo 3、 tagsStyleThree 4、 tagsStyleFour
    tagsStyle: 'tagsStyleOne',
    // 默认主页面切换动画，可选 1、 slideRight 2、 slideLeft 3、 opacitys
    animation: 'slideRight',
    // 默认分栏高亮风格，可选 1、 圆角 columnsRound 2、 卡片 columnsCard
    columnsAsideStyle: 'columnsRound',

    /* 布局切换
    ------------------------------- */
    // 默认布局，可选 1、默认 defaults 2、经典 classic 3、横向 transverse 4、分栏 columns
    layout: 'defaults',

    /* 后端控制路由
    ------------------------------- */
    // 是否开启后端控制路由
    isRequestRoutes: false,

    /* 全局网站标题 / 副标题
    ------------------------------- */
    // 网站主标题（菜单导航、浏览器当前网页标题）
    globalTitle: 'vue-admin-wonderful-next',
    // 网站副标题（登录页顶部文字）
    globalViceTitle: 'SMALL@小柒'
}