vue-template-admin使用svg图标

已于 2025-01-15 14:59:27 修改
阅读量597 收藏 8
点赞数 10
文章标签： vue.js 前端 java
于 2024-02-20 16:41:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_46167326/article/details/136193784
版权
qq_46167326
关注
学习vue-element-admin引入svg图标
var_deng的博客
09-18 2953
1.扩展svg-sprite-loader加载器 安装依赖：npm install svg-sprite-loader 在webpack.base.conf配置文件mudule.rules中加入扩展svg-sprite-loader加载器 { test: /\.svg$/, loader: 'svg-sprite-loader', include: [resolve('src/assets/icons')], options: { symbolId:'ic
两小时从零学会vue-admin-template框架
drhrht的博客
03-06 7204
一、vue-admin-template 1.项目简介 官网：https://github.com/PanJiaChen vue-element-admin是含有丰富的组件，vue-admin-template是一个基础的单页面应用的框架，适合在vue-admin-template上二次开发，开发需要的组件就可以直接的从vue-element-admin里面拷贝上去。适合于后台管理的中小型项目，内部的架构非常的完善，简单易上手。 1.2下载项目 vue-element-admin 官网 vue-admi
vue-admin:vue后台管理模板-轻量版（已更新vue3.x版本）
04-04
vue后台管理模板 项目描述：基于vue.js + typescript + element-ui编写一套超轻量，可根据实际情况自由地扩展的前端中后台管理基础模板。 vue 2.x | 预览地址 功能清单 layout核心layout模板 vue-router用户权限vue-router管理 svg-icon组件配置 http-请求功能模块配置，这里我使用的是根据个人习惯用原生写的ajax （），可根据自己喜好可以扩展axios这类型第三方库。 状态管理这里我没有使用vuex ，而是采用了代码更少，代码片段更直观，且更适合typescript的设计模式去使用：参考 大写字母开头的文件的初始化calss功能模块 为保证当前模板的轻量，像图表，富文本编辑， Excel等一些扩展功能根据自己项目选择喜欢的导入使用，这里只提供一个基础的框架模板，另外分支是我个人用的一个分支，， wangEdi
vue +admin + template 修改导航菜单SVG的坑
qq_46058838的博客
06-14 306
你引用的图标 当选中后没有改变颜色，这个时候要修改svg里边的内容l。把图标保存在icons-svg下的文件内，根据自己需求自定义名字。1、项目引用 iconfont 图标需要单独下载SVG。第二步：在router组建下修改自定义的svg名称。修改后一切正常，恭喜你成功完成了以上操作，加油。替换svg内所有的fill为stroke。第三步：下载PNG保存到项目内，一起完成。写入自己命名的svg放在合适的位置。第一步：可以修改图标颜色。第二步：可以调整图标大小。
vue-admin-template更改侧边栏图标
qq_41956361的博客
01-19 1706
首先在阿里图标库 svg下载我们的图标 放入目录下 router下使用 效果图
vue-admin-template框架下修改svg的颜色
qq_34672907的博客
04-05 2246
嘿嘿，好久不更博客啦。突然记起这个修改svg颜色这个挺好玩的，记录一下。哈哈哈哈，没想到svg还能这样玩。 需求：vue-admin-template里面某个模块鼠标滑过时里面的图标变颜色 首先解决方案有很多，改background-image,改img的路径。我都觉得这些最终都是要换图片，有没有直接在图片的基础上改个颜色就ok的。哈哈，svg一下子映入脑子。这玩意阿里icon-font都可以改颜色，啧啧，那么我是不是也可以尝试。 说干就干。百度走一波，首先看到一个哥们的博客。如图： https:/
vue-element-plus-admin 是一个基于 element-plus 免费开源的中后台模版
04-05
vue-element-plus-admin 是一个基于 element-plus 免费开源的中后台模版。使用了最新的vue3，vite4，TypeScript等主流技术开发，开箱即用的中后台前端解决方案，
vue-admin-template-master (1).zip
12-28
8. **图标和图片**：静态资源通常在`public/assets`或`src/assets`中，包括SVG图标、PNG图片等。 9. **许可证文件**：`LICENSE`文件声明了项目的许可协议，如MIT、Apache等。 10. **脚手架工具**：如果项目使用Vue...
vue-admin-template4使用记录及项目遇到问题的解决方案
weixin_45915243的博客
01-18 1201
一，安装vue-admin-template # 克隆项目 git clone https://github.com/PanJiaChen/vue-admin-template.git # 进入项目目录 cd vue-admin-template # 安装依赖 npm install # 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.
vue-element-admin引入svg组件
qq_40052817的博客
03-27 5315
测试
vue-admin-template 侧边栏顶部显示logo
jia2799897415的博客
12-10 312
修改以上路径文件就可以打开和修改logo图片和标题栏。
Vue模板框架vue-admin-template上手指南
rainafter1208的博客
04-17 4142
本文介绍了vue后台前端的快速上手步骤
Vue项目实战（09）- svg图标的使用
阿甘兄
07-21 886
文章目录1. 引言2. 项目使用svg图标2.1 下载svg图标2.2 注册svg组件2.3 使用svg组件3. 总结 1. 引言 在前面的章节，已经讲解了部分vue-element-admin的知识： 《Vue项目实战（01）-vue-element-admin项目结构分析》 《Vue项目实战（02）-Vuex状态管理模式》 《Vue项目实战（03）-alias》 《Vue项目实战（04）-axios封装》 《Vue项目实战（05）-多环境配置》 《Vue项目实战（06）- 钩子方法触发失败的解决》 《
vue-element-template使用阿里图标
monk96的博客
04-21 406
https://blog.csdn.net/qq_41648452/article/details/100133764?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3&utm_source=distribute.pc_relevant.none-task-blog-BlogCom...
vue2&3自定义svg图标组件
pscool的博客
03-21 6556
可参考： 未来必热：SVG Sprites技术介绍 懒人神器：svg-sprite-loader实现自己的Icon组件 在Vue3项目中使用svg-sprite-loader
vue-template-admin自定义菜单栏选中，激活，二级菜单等颜色设置
10-19 1590
vue-template-admin清晰易懂的能够自定义菜单栏样式的方法。包括菜单栏选中文本颜色，背景颜色以及悬停颜色，应有尽有！
【vue】图标选择（elementUI和svg结合）
Qxn530的博客
03-02 4472
在做菜单权限的时候需要选择图标，如果既想要用elementUI自带的图标，还想要自定义的图标，这时就需要二者结合一下
vue-admin-template之右上角logo换成自定义照片
YGGZZZ的博客
07-10 437
vue-admin-template之右上角logo换成自定义照片
vue-admin-template笔记（二）
seedcup的专栏
12-09 8677
文章目录Vue学习笔记（二）login404总结参考 Vue学习笔记（二） 学习vue-admin-template https://github.com/PanJiaChen/vue-admin-template 上一篇中分析了vue-admin-template的入口逻辑，包括main.js, App.vue, router。这篇根据router来分析下其他的页面。 下面是一部分路由代码，...
vue-admin-template侧边栏使用svg
最新发布
01-29
为了在 `vue-admin-template` 项目中集成并使用 SVG 文件作为侧边栏图标，可以通过安装和配置 `vite-plugin-svg-icons` 插件来简化这一过程。此插件能够自动加载指定目录下的所有 SVG 文件，并将其注册为 Vue 组件以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值