若依 给左侧导航菜单栏新增svg图片，不会变色

【若依】svgIcon组件使用指南

本文详细介绍了若依框架导航栏的深度定制方法，包括功能模块删减、自定义面包屑实现及全局布局联动调整。通过实战代码示例，帮助开发者高效精简导航栏功能，增强业务导向的面包屑导航，并解决布局调整中的常见问题，提升内部管理系统的用户体验。

这里的 @ss.hasPermi('your:permission:code') 中的 your:permission:code 要与在数据库 sys_menu 表中设置的 perms 字段相对应。- 在 src/router/index.js 文件中，需要配置路由信息，确保新菜单对应的页面组件能够被正确路由。- 如果菜单是嵌套在其他菜单下的子菜单，可能需要在父菜单对应的组件中进行一些配置，以正确显示子菜单。- 如果菜单对应的功能需要后端接口支持，需要在相应的模块中创建新的接口。

使用的图标分为两种：分别是svg图标和element的图标。

svg图标需要 面性 的否则若依改不了颜色。测试过 有的可以有的不可以。

文档自动化（Document Automation）是一种将内容结构化处理与标准化排版深度融合的技术范式，其核心在于通过预设规则替代人工格式操作，实现从草稿到专业PDF的确定性输出。它依托模板驱动（Template-Driven）机制，将字体、网格、页眉页脚等设计知识固化为可复用资产，显著降低非专业用户的排版门槛。该技术的价值不仅在于提效，更在于保障合规性、一致性和交付可靠性，广泛应用于白皮书生成、客户方案包装、课程资料出版等轻量级专业出版场景。Sqribble正是这一理念的典型工程实现，以约束换效率，以自

文档自动化排版是数字内容交付的关键环节，其本质是将专业出版规则转化为可复用、可执行的技术系统。它基于结构化模板、确定性渲染引擎与云原生工作流，通过参数化设计、内容语义识别和规则化分页，实现从杂乱文本到专业PDF的高效转化。相比依赖大模型的AI写作工具，这类系统更强调稳定性、一致性和工程可控性，适用于技术文档、白皮书、营销手册等结构化长文场景。Sqribble正是这一范式的典型代表——以模板驱动和规则固化为核心，让非设计师也能零门槛产出符合印刷规范的交付物。

若依web框架

若依的图标归纳

【代码】若依（RuoYi）框架 新增系统图标 修改颜色svg不生效。

Web前端之引入外部svg文件、解决若依框架无法使用img选入svg文件问题、Html引入svg文件、object标签、iframe标签、阿里巴巴尺量图、embed标签、等比缩放、解决裁剪、命名空间

若依后台管理框架遇到的字体图标使用问题

Web前端之若依框架图标对照表、Node获取文件夹中的文件名，并通过数组返回文件名、svg设置大小被裁剪的解决方案、在Html文件中引入svg文件、引入外部svg文件、伸缩、require、icon

虽然图片可以加载出来，但是，这里写的是一个循环，如果不动态绑定，每个列表只能加载相同的这一个图片，也不满足需求（我想要每个列表拥有自己的小图标）svg是一个矢量图，不管放大还是缩小都不会影响到它的清晰度，它实际上是一个js的代码文件，相当于是一个静态的资源。但因为直接这样写导致渲染出来图片的位置并不理想，图片会加载在一级菜单的里面。总结：因为svg相当于是静态资源，在vite中需要import进行静态引入。这样引入，图片路径没有错误，但在页面无法加载出来。：使用import引入即可解决。

在使用若依前后端分离版本作为基础架构的时候，需要新建菜单怎么操作？本文凯哥将详细讲解怎么添加。1：登录若依系统后，[系统管理]>>[菜单]先新建一个一级菜单。可以模仿【系统管理】菜单来创建：系统菜单：我们自己创建的【淘宝客】菜单如下：这里需要注意，路由地址。创建完成之后，我们使用代码自动生成工具，生成我们需要的表相关的controller、server等2：将代码添加到对应位置，执行菜单sql语句。3：修改sys_menu中，刚插入的数据。将刚插入的菜单，的parent_id修改成，我们刚才手动创建的【淘宝

在main.js中我们也可以引入其他自定义的css或scss文件。

项目练习