element-ui switch开关显示问题

clipboard.png

clipboard.png

想实现图二的效果 在switch上加个字 怎么搞呢 各位大神

clipboard.png
active-text和inactive-text并不是想要的效果

clipboard.png

clipboard.png

各位大神可否提供点思路

阅读 6.9k
3 个回答

你可以尝试下把active-text和inactive-text的生成的 span 用 css定位到白点下方
我用定位做的效果
我用定位做的效果

图片描述

具体位置调整 要看你自己调整了 我只能给你一个大概的思路

推荐问题