如何在vue项目中增加网页logo
一、前言
vue项目中增加网页,操作很简单,就能达到效果:一张图片 + 一行代码 。
二、正文
本项目是基于 ElementUI 的 element-starter,以做更好的演示。
1.代码
- 增加如下logo
- 增加了如下的代码
<link rel="icon" href="../img/MyLogo.png">
注意在项目的根目录下,新建一个文件夹如 img
,logo 的图片从里边获取,不要在 assets
中获取!
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><link rel="icon" href="../img/MyLogo.png"><title>Lin Hongcun</title>
</head><body>
<div id="app"></div>
</body></html>
2.效果
3.全部代码
代码放在 GitHub 了:https://github.com/larger5/web-logo
三、结尾
本来是件简单的事情,但网上对此的做法过于长篇大论,故写本文。
如何在vue项目中增加网页logo相关推荐
- 如何在vue项目中修改less变量,多主题项目解决方案
如何在vue项目中修改less变量,多主题项目解决方案 参考文章: (1)如何在vue项目中修改less变量,多主题项目解决方案 (2)https://www.cnblogs.com/niubilit ...
- 如何在vue项目中使用Highmaps(vue+Highmaps)
如何在vue项目中使用Highmaps 功能需求 思路 分析 实现 第一步:引入 第二步:介绍一下这个world是个啥. 第三步:调用 注意点(十分重要) 写在最后 功能需求 近日我接到了这么一个需求 ...
- 如何在vue项目中设置首页
如何在vue项目中设置首页 1.首先创建一个vue为后缀名的文件,最好在新建的文件夹下面创建,如下图所示: 说明:一般我们的主要页面代码都是写在vue 项目中的这个src文件夹下,项目中所会引用到的组 ...
- 如何在vue项目中系统的使用iconfont字体图标
如何在vue项目中系统的使用iconfont字体图标 前言 iconfont的特色 官网注册 在项目中使用的方式 前言 今天聊一下前端iconfont的使用方式,前端的图标经过这些年的发展,变得更系统 ...
- 如何在vue项目中使用lodop打印插件
如何在vue项目中使用lodop打印插件 - 简书 先写了个webdemo <%--Created by IntelliJ IDEA.User: AdministratorDate: 2018/ ...
- vux 显示 html,如何在vue项目中使用vux
编者:只需6步,教你如何在vue项目中使用vux, 1.在项目里安装vuxnpm install vux --save2.安装vux-loader (这个vux文档中没有明文跟你说要安装的啦) np ...
- 如何在Vue项目中使用vw实现移动端适配(转)
有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种.在<使用Flexible实现手淘H5页面的终端适配>提出了Flexible的布局方案,随着viewport单位越来越 ...
- 如何在Vue项目中引入ArcGIS JavaScript API 创建三维可视化地图(含vue项目创建教程)
新手上路之在Vue项目中引入ArcGIS API 视频教程 B站搜索 X北辰北,感谢up主无私的教学~ B站地址:https://www.bilibili.com/video/BV18E411K7B ...
- 如何在Vue项目中应用TypeScript?
一.前言 在VUE项目中应用typescript,我们需要引入一个库vue-property-decorator, # npm 下载 npm i vue-property-decorator -s # ...
- 如何在vue项目中引入html页面
在vue项目中引入html页面的两种方法 第一种:/static/page.html 第二种:通过iframe嵌入 第一种:/static/page.html 在static或public文件夹下,新 ...
最新文章
- MYSQL语法:左连接、右连接、内连接、全外连接
- 通过输入流获取json格式数据转为map格式
- chrome vue 未响应_VUE数据响应式
- 【Java报错】Greenplum数据库报错 could not determine data type of parameter $2. 问题解决(踩坑分享)
- SAP Cloud for Customer的Data Source测试
- protobuf2和3同时安装_安装protobuf可能遇到的问题
- Windows下nginx的安装及使用方法入门
- 函数 -- 1.模块导入 2.ATM架构 # 14
- 如何证明CPU的乱序执行(Out-of-order Execution)?
- 配置Kafka集群和zookeeper集群
- FastCGI 使用介绍
- proxmoxve打造云桌面_[pve][vdi]用deskpool创建基于proxmoxVE的桌面云
- 35、【华为HCIE-Storage】--快照
- GooFlow获取节点/线信息和自定义节点属性
- Wonderware-InTouch 使用 Web 网页控件显示报表
- 汽车Bootloader流程
- 风行python_Python曾是程序员的“瑞士军刀”,而如今正被慢慢取代
- Python实例3:中文词语统计
- 傻瓜式制作纯净版win10启动盘
- 分享6个教师常用的网站,再也不用到处找资源了