项目默认配置
一、背景与问题
前端支持默认的项目配置,可以直接针对自己的项目提前进行默认配置
二、具体使用
具体代码在 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创新实验室 致力于成为中原领先、国内一流的技术团队, 以AI+数字化为驱动,用技术为产业互联网提供无限可能, 业务如下:
- 教育领域(高职院校数字化、就业创业大数据平台、继续教育平台;在线教育系统、视频直播、题库等,包含:医学、应急管理、成考、专升本等)
- 供应链领域(网络货运平台、大宗贸易进销存ERP、物流管理TMS、B2B电商、仓储WMS、AI提效等)
- 中医领域(诊所数字化管理、互联网医院、AI辅助诊疗、中医适宜技术、在线云问诊、空中药房等)
- AI+软件领域(软件定制外包、开源技术、数据大屏、国产化改造、技术升级换代、人员外包、技术顾问、技术培训等)
加微信: 卓大 拉你入群,一起学习 | 公众号 :六边形工程师 分享:赚钱、代码、生活 | 请 “1024创新实验室” 烩面里加肉 咖啡配胡辣汤,提神又饱腹 | 抖音 : 六边形工程师 直播:赚钱、代码、中医 |