1、底部固定導(dǎo)航欄是小程序非常普遍的一個功能，微信也很貼心，直接給我們封裝好了，我們直接調(diào)用就好了現(xiàn)在我們開始實現(xiàn)，我們按照小程序的開發(fā)文檔上面來就好了按照規(guī)則配置好appjson文件，功能就能順利實現(xiàn)值得注意的就是；分享一個完整的微信小程序自定義 Tabbar ，tabbar按鈕可以設(shè)置為跳轉(zhuǎn)頁面，也可以設(shè)置為功能按鈕懶得看文字的可以直接去底部，博主分享了GitHub地址由于微信小程序自帶的 Tabbar 功能比較單一，比如要做到中間是一個突出的圓形；使用scrollview里面的bindscroll事件，獲取就可以知道你所滾動的高度了；1首先要下載 官方的 Web開發(fā)者工具打開 公眾平臺，找到右下方的小程序模塊，點擊開發(fā)按鈕2點擊頂部導(dǎo)航欄的工具按鈕，在新頁面的左側(cè)欄中找到下載可以看到，開發(fā)工具提供Windows32位Windows64位和Mac；看圖，應(yīng)該是你的applet窗口的size過小了，導(dǎo)致了重疊應(yīng)該在調(diào)用applet的時候設(shè)定下窗口的默認(rèn)大小有2中方法，一種是在HTML 中applet標(biāo)簽里面，加上width，height的值， ，差不多是這種樣子的還有一種方法是在代碼里面。

2、uniapp自帶的底部導(dǎo)航欄雖然也很好用，但是遇到中間需要有一個自定義按鈕的需求的時候如果使用自帶的midButton，就只支持App，小程序什么都不支持ADTabbar自定義底部導(dǎo)航欄支持App小程序的中間自定義按鈕，可以自己設(shè)置css讓；刪除原有的 type 屬性，自己添加 class 即可，class 代碼寫在 ss 文件中如下；設(shè)置導(dǎo)航欄導(dǎo)航欄TabBar如果我們的小程序是一個多tab應(yīng)用客戶端窗口的底部或頂部有tab欄可以切換頁面，那么我們可以通過tabBar配置項指定tab欄的表現(xiàn)，以及tab切換時顯示的對應(yīng)頁面Tip通過頁面跳轉(zhuǎn)navigateTo或者。

3、要創(chuàng)建底部菜單欄，首先創(chuàng)建好我們底部菜單欄需要跳轉(zhuǎn)的頁面，這里值演示2個，一個首頁，一個我的打開appjson頁面，在window下寫下面的代碼 #34tabBar#34 #34color#34 #34#bfbfbf#34， #34。

4、1打開微信小程序，選中一張圖片，隨后點擊界面上方的“格式”選項卡按鈕2在隨后打開的界面中點擊環(huán)繞文字按鈕，在接著彈出的下拉菜單中點擊“浮于文字上方”或其他與襯于文字下方不同的選項即可；微信小程序可以在微信中打開，具體操作如下1 打開微信，點擊底部的“發(fā)現(xiàn)”按鈕2 在“發(fā)現(xiàn)”頁面中，點擊“小程序”選項3 在“小程序”頁面中，可以瀏覽已經(jīng)安裝的小程序，也可以搜索需要使用的小程序4 點擊；效果展示通過使用 Towify 左側(cè)導(dǎo)航欄中的界面，創(chuàng)建一個Tabbar View 界面，然后通過自定義上傳圖標(biāo)和設(shè)置樣式，即可實現(xiàn)底部的菜單導(dǎo)航創(chuàng)建界面點擊左側(cè)導(dǎo)航欄中的界面點擊Tabbar View點擊確認(rèn)創(chuàng)建界面數(shù)據(jù)綁定選中底部導(dǎo)航。

5、方法一navigateToOBJECT 保留當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面，使用navigateBack可以返回到原頁面OBJECT參數(shù)說明參數(shù) 類型 必填 說明 url String 是 需要跳轉(zhuǎn)的應(yīng)用內(nèi)頁面的路徑 ， 路徑后可以帶參數(shù)參數(shù)與；效果展示通過在界面素材中添加一個底部懸浮層，同時配置觸發(fā)器行為打開懸浮層，實現(xiàn)一個底部懸浮層彈出的效果添加懸浮層點擊左側(cè)導(dǎo)航欄的界面添加一個底部懸浮層觸發(fā)器配置注意在檢查器面板中的觸發(fā)器設(shè)置面板創(chuàng)建觸發(fā)器；你的主Panel設(shè)置成borderlayout 然后 主Paneladd放數(shù)字的Panel， BorderLayoutCENTER主Paneladd輸出框， BorderLayoutNORTH就可以了；1小程序底部菜單標(biāo)簽個數(shù)不少于2個，最多不超過5個2可以在 阿里巴巴矢量圖標(biāo)庫 找到你需要的圖標(biāo)3小程序建議圖標(biāo)大小為81*81px 我這邊選擇的是64尺寸的png圖片，每一個圖標(biāo)選擇兩種顏色，分別對應(yīng)未選中狀態(tài)和選中。

6、1首先打開微信開發(fā)工具，載入需要修改的小程序工程2然后打開appjson頁面，在window下寫下面的代碼，先用color和selectedColor設(shè)置底部菜單點擊前和點擊后文字的顏色3然后在list中設(shè)置兩個標(biāo)簽，其中使用pagePath和text。