最近新做的一個(gè)項(xiàng)目有這樣一個(gè)內(nèi)容，一個(gè)滑塊，上邊有一個(gè)氣泡，隨著滑塊的滑動(dòng)，氣泡不斷地變化數(shù)據(jù)，這里我們需要用到vant的插件，silder滑塊，要實(shí)現(xiàn)這樣的功能，我們需要需要使用自定義滑塊。
實(shí)現(xiàn)原理也非常的簡(jiǎn)單，就是vue的插槽。我們直接在其中寫#button和按鈕的樣式即可。
可以設(shè)置border-radius，設(shè)置為圓形。如果要實(shí)現(xiàn)氣泡跟隨，需要使用定位來實(shí)現(xiàn)。定位到按鈕的上方，并使用偽元素設(shè)置三角形，放到氣泡下方更美觀。
以下為實(shí)現(xiàn)效果：
了解更多vue知識(shí)點(diǎn)擊這里。
