VUE-ElementUI 自定义Loading图操作
element ui loading图只能使用自己的loading图,但很多场景下,需要替换成自己的gif图虽然文档中有些, element-loading-spinner="el-icon-loading" 可指定自定义图但经测试,也只是只能再elementui 图标库中的图, 不是我们想的那个自定义图类的意思。1) 添加自定义elementUI loading样式asserts下 新建CSS文件夹 及CSS文件比如myCss.css再里面,写入自定义的element类CSS样式CSS 细调,需要在浏览器调试工具中细调2)main.js 导入自定义样式这里注意,要在导入elementUI之后,再导入自己的样式,要不然会被elementUI覆盖3) v-loading注意,这里 不要加上element-loading-spinner="el-icon-loading" ,否则 也会同时出现element图库中对应的loading图4)对应加载逻辑axios请求接口时,开始loading,收到数据后,loading结束5) 运行时,是正常显示,但编译后,看不到自定义的图片资源了原因,VUE项目打包后,样式目录结构变为static/cssbuild->utils.js 配置文件添加
用户评论