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