鍍金池/ 問(wèn)答/HTML/ element-ui switch開(kāi)關(guān)顯示問(wèn)題

element-ui switch開(kāi)關(guān)顯示問(wèn)題

clipboard.png

clipboard.png

想實(shí)現(xiàn)圖二的效果 在switch上加個(gè)字 怎么搞呢 各位大神

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

clipboard.png

clipboard.png

各位大神可否提供點(diǎn)思路

回答
編輯回答
編輯回答
吢丕

圖片描述關(guān)閉

2017年3月13日 14:43
編輯回答
兮顏

你可以嘗試下把a(bǔ)ctive-text和inactive-text的生成的 span 用 css定位到白點(diǎn)下方
我用定位做的效果
我用定位做的效果

圖片描述

具體位置調(diào)整 要看你自己調(diào)整了 我只能給你一個(gè)大概的思路

2017年1月24日 03:59