改项目名称和logo?一行搞定!!!

1、新建配置文件 config.json

代码如下:

{
    "softwareName": "AI app",
    "company": "AI",
    "animation": true,
    "simple": "AI app",
    "logo1": "/img/logo1.png",
    "logo2": "./assets/logo2.png",
    "logo3": "./img/logo/logo-3.png",
    "showAbout": true,
    "aboutInfo": {
      "wx": "./img/wx.png",
      "companyProfile": {
        "title": "公司简介",
        "profile": ["公司介绍1", "公司介绍2"]
      },
      "companyNorm": {
        "title": "标题",
        "individual": [
          {"title": "1.小标题", "content": ["1.1描述1", "1.2描述2"]}
        ]
      },
      "contact": [
        {"label": "联系我们", "content": "科技大楼"},
        {"label": "官方网站", "content": ""},
        {"label": "联系电话", "content": "10086"}
      ]
    },
    "instantRestore": false
}

2、引入config.json

// 获取OEM配置
async getOEMconfig() {
      const res = await this.$axios.get('/static/config.json')
      this.gbConfig = res.data
}

3、使用全局配置的参数

<div class="logo-wrap mr-12" v-if="gbConfig.logo1">
          <img :src="gbConfig.logo1" :alt="gbConfig.softwareName">
</div>
<div class="logo-name j-text-main j-text-bold mt-12" :class="gbConfig.logo1 ? 'border-left-primary':''">{{ gbConfig.softwareName }}</div>

4、配置文件目录

在这里插入图片描述
新建的时候,需要放在/static文件目录中去,打包完成会在dist文件中找到

5、打包完成,需要修改logo或者项目名称

在dist文件中找到,config.json修改即可,logo可以直接替换即可完成快速修改

在这里插入图片描述

over

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值