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

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

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

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

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

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