ElementPlus中 使用ElLoading.service, spinner: ‘el-icon-loading‘不生效

javascript 复制代码
let downloadLoadingInstance = ElLoading.service({ 
	 text: "正在下载数据,请稍候",
	 spinner: 'el-icon-loading', 
	 background: "rgba(0, 0, 0, 0.7)", 
})

使用以上代码时,加载的圆圈出不来,使用f12查看,即使能出来但是颜色也和背景颜色一样。

做法:

把spinner : 'el-icon-loading'去掉

然后在

javascript 复制代码
.el-loading-spinner .path {
  stroke: rgb(13, 161, 219);
}

亲测有效!不得不说,这个坑很恶心!

相关推荐
GuWenyue18 分钟前
不用第三方SDK!Vue3原生Fetch实现DeepSeek流式输出,90%前端都会踩的分片解析坑一次性解决
前端·人工智能·llm
独隅20 分钟前
前端离线暂停更新策略:Service Worker 与 PWA 实战指南
前端
不如摸鱼去1 小时前
Wot UI 2.3.0 发布:二维码组件来了,Open Wot 与 wot-starter 同步更新
前端·ui·微信小程序·前端框架·uni-app
Cloud_bread1 小时前
从ReAct到自主闭环:Agentic Coding核心执行引擎的技术演进
前端·react.js·前端框架
cidy_981 小时前
OptMem 使用教程
前端
满栀5851 小时前
原生JS + ECharts 多图表可视化实战:从业务实现到工程化优化
开发语言·javascript·echarts
杉氧1 小时前
用 Compose 挑战交互与动效天花板:ComposeCraftLab 开源实验室全解析
android·前端·kotlin
Canace2 小时前
AI 生成到 90% 突然断了:你的解决方案是?
前端·人工智能
TinssonTai2 小时前
Vite 8 版 Chrome 插件全家桶,popup/options/sidepanel 一次集齐
前端·vue.js
玉鸯2 小时前
让 Agent 面向用户:AG-UI 协议构建 Agent 前端
前端·python·agent