Element Plus骨架屏怎么自定义动画速度? Designer°瑞腾 提问于 2026-03-13 08:38:18 阅读 2 组件 我在用 Element Plus 的 Skeleton 组件,但默认的闪烁动画太快了,看着有点晕。官方文档里好像没找到控制动画速度的属性,试过加 CSS 覆盖也不生效。 比如我写了这段代码: <el-skeleton :rows="3" animated /> 想让动画慢一点,该怎么做?是不是得自己写 CSS 动画覆盖?求具体写法。 我来解答 赞 4 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 Prog.书瑜 Lv1 直接改 CSS 变量就行,Element Plus 留了坑让你填的。 .el-skeleton { --el-skeleton-duration: 2s; /* 默认是 1.5s,改成你想要的值 */ } 或者如果你想更直接点,覆盖动画本身: .el-skeleton .el-skeleton__item::after { animation: skeleton-loading 2s infinite; } @keyframes skeleton-loading { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } 第一种方式最简单,改个变量完事儿。代码放这了,自己挑一个用。 回复 点赞 2026-03-13 09:03 加载更多 相关推荐 2 回答 30 浏览 Element Plus时间线怎么自定义节点图标? 我用Element Plus的Timeline组件,想把默认的圆点换成自定义图标,但文档里没看懂怎么弄。试了在el-timeline-item里加icon属性,结果根本没生效,控制台也没报错,就是显示... 西门奥杰 组件 2026-02-26 17:19:19 2 回答 13 浏览 Element Plus骨架屏怎么动态控制显示和隐藏? 我用Element Plus的Skeleton做加载占位,但不知道怎么在数据加载完后自动隐藏它。试了v-if绑定loading状态,但骨架屏一闪就没了,体验不好。 这是我的代码: <templa... 码农玉戈 组件 2026-03-04 13:08:25 1 回答 28 浏览 Element Plus 的 Result 组件怎么自定义图标? 我用 Element Plus 的 Result 组件展示操作结果,但想把默认的图标换成自己的 SVG 图标,试了 icon 属性但没生效,是不是用法不对? 官方文档说 icon 支持传入组件,但我直... 启航 组件 2026-03-06 11:46:20 1 回答 24 浏览 Element Plus 的 Statistic 组件怎么自定义前缀和后缀样式? 我用 Element Plus 的 Statistic 组件展示数据,但默认的前缀(比如“¥”)和后缀(比如“元”)样式太小了,想改大一点,试了加 class 好像没生效? 我在文档里看到有 pref... 弯弯 组件 2026-02-26 23:17:21 1 回答 19 浏览 Element Plus 的 Loading 加载怎么在表格上局部生效? 我在用 Element Plus 的 el-table,想在数据加载时只给表格加 loading,但一加上整个页面都灰了,这是为啥? 我试过这样写: <el-table v-loading="l... 正利 ☘︎ 组件 2026-03-07 23:29:18 2 回答 14 浏览 Element Plus 走马灯怎么设置自动轮播不生效? 我用 Element Plus 的 Carousel 组件,想让它自动轮播,但加了 autoplay 属性后完全没反应,还是得手动点。是不是还要配其他参数?我试过把 interval 设成 2000,... 西门长春 组件 2026-03-05 09:56:21 2 回答 112 浏览 Element Plus 的 Descriptions 组件怎么设置 label 宽度? 我在用 Element Plus 的 Descriptions 描述列表,发现 label 宽度太窄,内容被挤到下一行了。 试过加 label-width 属性,但好像没生效,是不是写法不对? <... ლ伊可 组件 2026-03-05 00:54:20 1 回答 17 浏览 Element Plus的Avatar头像不显示图片是怎么回事? 我在用Element Plus的Avatar组件时,传了图片地址但头像一直显示默认占位符,没报错也没加载图片。我试过直接写死URL和用变量绑定,都不行。 代码是这样写的: <el-avatar ... IT人红会 组件 2026-03-04 14:23:19 2 回答 23 浏览 Element Plus折叠面板怎么默认展开多个面板? 我用Element Plus的Collapse组件,想让页面加载时默认展开多个面板,但文档里只看到activeNames可以设一个字符串或数组,我试了传数组进去却没生效,控制台也没报错。 我的代码是这... 小翠翠 组件 2026-03-03 20:07:23 1 回答 34 浏览 Element Plus 图标不显示怎么办? 我在 Vue3 项目里装了 Element Plus,想用图标但一直显示空白。按照文档引入了 import { Edit } from '@element-plus/icons-vue',也在组件里注... 欧阳振艳 组件 2026-02-27 17:41:18
或者如果你想更直接点,覆盖动画本身:
第一种方式最简单,改个变量完事儿。代码放这了,自己挑一个用。