软件开发教程 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试
游戏开发 网络协议 系统运维 HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程
C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
 
   -> JavaScript知识库 -> vue 修改logo实现展示自定义的logo -> 正文阅读

[JavaScript知识库]vue 修改logo实现展示自定义的logo

vue 修改logo实现展示自定义的logo

在vue-element-template 二次开发的时候,肯定是要把默认的logo给换成自己的logo让这个项目看上去就是自己的“一次开发”!开干!

首先

找到这个文件夹的位置
在这里插入图片描述
打开index.html文件,在方框的位置替换自己的 .ico 文件
在这里插入图片描述
那么这里肯定有人会问那我怎么去找这个图标呢?

接下来就是重头戏来了

介绍一个阿里巴巴的iconfort 图标库(开源) https://www.iconfont.cn/plus
你把这个svg下载下来再用另一个转换的网站
https://www.aconvert.com/cn/icon/svg-to-ico/
转换成.ico 文件输出。
然后你再把这个文件放到public 这个文件下就可以了!

结果

在这里插入图片描述搞定,下班!

  JavaScript知识库 最新文章
Vue2学习计划一:Vue初体验
Vue中路由表单缓存(keep-alive)
项目中的富文本编辑器该如何选择?
个人学习记录 - NodeJs Express 创建基础项
Vue开发笔记
typescript——前言和基础环境配置
Vue关于swiper轮播图组件的小细节
Vite创建Vue3.0项目
前端数据可视化之Echarts初体验
使用vue-route下的next({ ...to replace: t
上一篇文章      下一篇文章      查看所有文章
加:2021-07-16 11:11:21  更:2021-07-16 11:12:43 
 
360图书馆 购物 三丰科技 阅读网 日历 万年历 2021年7日历 -2021/7/27 4:24:17-
图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  软件开发教程