1024创新实验室-公告

助力抖音1000个粉丝,开播写代码🎉🎉

打开【抖音APP】-点击【左上角侧边栏】-【点击扫一扫】-【进行关注】🎉🎉

和1024创新实验室一起,热爱代码,热爱生活,永远年轻,永远前行🎉🎉


Skip to content

项目默认配置

一、背景与问题

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

二、具体使用

具体代码在 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创新实验室”
烩面里加肉
咖啡配胡辣汤,提神又饱腹
抖音 : 六边形工程师
直播:赚钱、代码、中医