我看后臺(tái)小伙伴有給木子留言，說(shuō)看到別人的公眾號(hào)文章圖片可以左右或者上下滑動(dòng)是怎么做到的鴨？

那想要實(shí)現(xiàn)這個(gè)功能也是很簡(jiǎn)單的，想到可能還有別的小伙伴不會(huì)設(shè)置圖片左右滑動(dòng)，就想著干脆出一篇文章好了，還不會(huì)弄的趕緊來(lái)學(xué)把~

首先呢，我們需要用到一款微信編輯器，名字叫速排小螞蟻，大家在市面上看到的一些比較好看或是炫酷的排版都是使用編輯器進(jìn)行完成的。小伙伴們可以用自己習(xí)慣的瀏覽器自行搜索，但是千萬(wàn)不要點(diǎn)錯(cuò)了哦~

進(jìn)入編輯器之后呢，我們可以看到他分為三個(gè)板塊，左側(cè)樣式區(qū)，中間編輯區(qū)，右側(cè)圖片庫(kù)，我們?cè)谧髠?cè)的編輯區(qū)中找到單樣式，點(diǎn)擊組件——svg交互。

點(diǎn)開之后我們可以看到很多關(guān)于svg交互的樣式，有上下滑動(dòng)圖片，也有左右滑動(dòng)圖片和點(diǎn)擊看下一張圖片。小伙伴們可以按需進(jìn)行挑選。

展開全文

第一個(gè)樣式就是后臺(tái)小伙伴問(wèn)我的上下滑動(dòng)圖片是怎么做到的。找到你喜歡的樣式之后就可以直接點(diǎn)擊，點(diǎn)擊后的單樣式會(huì)顯示在中間編輯區(qū)。

點(diǎn)擊中間編輯區(qū)的樣式后會(huì)彈出來(lái)一個(gè)工具條，點(diǎn)擊svg就可以進(jìn)行換圖咯，你所換的圖片就會(huì)插入在單樣式里，真的非常炫酷好看。用了svg之后都和別的文章不一樣了，更能讓用戶產(chǎn)生記憶點(diǎn)，從而成為忠實(shí)讀者。