SmartAdmin

Appearance

项目默认配置 ​

一、背景与问题 ​

前端支持默认的项目配置，可以直接针对自己的项目提前进行默认配置

二、具体使用 ​

具体代码在 src/config/app-config.js， 代码如下：

js
/*
 * 应用默认配置
 *
 * @Author:    1024创新实验室-主任：卓大
 * @lastUpdated:      2023-09-03 22:07:01
 * @Wechat:    zhuda1024
 * @Email:     lab1024@163.com
 * @Copyright  1024创新实验室 （ https://1024lab.net ），Since 2012
 */
export const appDefaultConfig = {
    // i18n 语言选择
    language: 'zh_CN',
    // 布局: side 或者 side-expand 或者 top
    layout: 'side',
    // 侧边菜单宽度 ， 默认为200px
    sideMenuWidth: 200,
    // 菜单主题
    sideMenuTheme: 'dark',
    // 顶部菜单页面宽度
    pageWidth: '99%',
    // 标签页
    pageTagFlag: true,
    // 面包屑
    breadCrumbFlag: true,
    // 页脚
    footerFlag: true,
    // 帮助文档
    helpDocFlag: true,
    // 水印
    watermarkFlag: true,
    // 网站名称
    websiteName: 'SmartAdmin 3.X',
};

以上可以根据 实际项目需要进行修改

三、实现原理 ​

在状态管理pinia中，有个 appConfig 状态，其中默认读取src/config/app-config.js 作为初始值，然后在其他各个地方引用状态管理使用。