最近在研究小程序頂部導(dǎo)航欄時，學(xué)到了一個不錯的導(dǎo)航欄，今天就來分享給大家。

老規(guī)矩，先看效果圖

可以看到我們實現(xiàn)了如下功能

• 1，頂部導(dǎo)航欄

• 2，可以左右滑動的導(dǎo)航欄

• 3，選中條目放大

原理其實很簡單，我這里把我研究后的源碼發(fā)給大家吧。

wxml文件如下

wxss文件如下

js文件如下

代碼里注釋很明白了，大家自己跟著多敲幾遍就可以了。后面會更新更多小程序相關(guān)的知識，請持續(xù)關(guān)注。