SmartAdmin | 1024创新实验室

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 作为初始值，然后在其他各个地方引用状态管理使用。

联系我们 ​

1024创新实验室-主任：卓大，混迹于各个技术圈，研究过计算机，熟悉点 java，略懂点前端。
1024创新实验室（河南·洛阳） 致力于成为中原领先、国内一流的技术团队，以技术创新为驱动，合作各类项目（软件外包、技术顾问、培训等等）。

加微信： 卓大
拉你入群，一起学习		 公众号 ：六边形工程师
分享：赚钱、代码、生活		请 “1024创新实验室”
“烩面里加肉”
“ 咖啡配胡辣汤,提神又饱腹”		抖音 : 六边形工程师
直播：赚钱、代码、中医

阅读量：