【Vue】vue项目网页标题栏ico小图标修改调整

找到index.html文件，将link标签中的图标路径名favicon.ico改成logo.jpg（png格式同理）将logo图片文件复制到public文件夹中。刷新网页，图标更新成功。

Silviaya

2978人浏览 · 2023-05-09 09:43:32

Silviaya · 2023-05-09 09:43:32 发布

步骤1：

将logo图片文件复制到public文件夹中
在这里插入图片描述

步骤2：

找到index.html文件，将link标签中的图标路径名favicon.ico改成logo.jpg（png格式同理）

步骤3：

刷新网页，图标更新成功
在这里插入图片描述

补充

1、logo里面的文字过小不清晰时，建议简化logo，例如：
在这里插入图片描述

2、图标大小；

一般一个图标文件会同时包含3种大小：
- 查看方式为平铺的时候是48 x 48。
- 查看方式为图标的时候是32 x 32。
- 查看方式为列表的时候是16 x 16。
vue项目标题的logo图标大小为32*32px；

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^