在使用vue3开发的时候 svg-icon图标不能改颜色!首先为什么svg-icon图标不能改颜色 因为在下载图标的时候自己选了颜色里面有一控制颜色的属性:fill 因此我们在外部使用css如:svg{color:red} 就无法改变颜色了!改变里面的颜色就有如下方案1、改变svg-icon图片代码中的fill属性的值(常用)直接在fill属性中添加颜色;fill="#fff";或者:在内部改为fill=currentColor;就可以使用color属性在css代码中,给svg图片改变颜色了2、在svg标签中定义添加一个fill:currentColor,然后添加color:red,就可以修改svg图标的颜色了.svg{ fill:currentColor; color:red; }
前端在使用进行vite插件 vite-plugin-mock 测试数据时候踩到坑在进行配置时 官网的文档是这样的import { UserConfigExport, ConfigEnv } from 'vite' import { viteMockServe } from 'vite-plugin-mock' import vue from '@vitejs/plugin-vue' export default ({ command }: ConfigEnv): UserConfigExport => { return { plugins: [ vue(), viteMockServe({ // default mockPath: 'mock', localEnabled: command === 'serve', }), ], } }由于vite版本的不同 直接用官网的方法进行配置会出现访问 接口404首先进行断点输出 看是那个地方的问题 最终确定了出问题的地方根据
ZzRG
状态 统计 图床 • •