摘要：先來看看效果說明項(xiàng)目中用到的，思路很簡單，就用布局來實(shí)現(xiàn)響應(yīng)式，我這里就以橫向?yàn)槔Q向的比較簡單就不啰嗦了，后面需要增加單個(gè)點(diǎn)選中狀態(tài)，添加文字以及觸發(fā)各種動(dòng)畫效果，可以嘗試加上去，配合等框架可以很容易開發(fā)成通用組件。

1、先來看看效果

2、說明
項(xiàng)目中用到的，思路很簡單，就用flex布局來實(shí)現(xiàn)響應(yīng)式，我這里就以橫向?yàn)槔ㄘQ向的比較簡單就不啰嗦了），后面需要增加單個(gè)點(diǎn)選中狀態(tài)，添加文字以及觸發(fā)各種動(dòng)畫效果，可以嘗試加上去，配合vue等框架可以很容易開發(fā)成通用組件。關(guān)于更多巧妙的組件封裝，歡迎加入QQ群，共同討論點(diǎn)此加入，或者438863673

3、上代碼

              
  

                  
最新活動(dòng)