一篇教程完全搞懂微信小程序底部導(dǎo)航欄怎么設(shè)置

時(shí)間：2023-05-15 05:15:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-05-15 05:15:02 來源：網(wǎng)站運(yùn)營

一篇教程完全搞懂微信小程序底部導(dǎo)航欄怎么設(shè)置：微信小程序底部導(dǎo)航欄是否可以自定義呢？

答案是：當(dāng)然可以的。那都能做到哪些自定義設(shè)置呢？

1. 可以改變小程序底部導(dǎo)航欄的導(dǎo)航數(shù)量
2. 可以改變小程序底部導(dǎo)航欄的背景顏色和文字顏色
3. 可以改變小程序底部導(dǎo)航欄的導(dǎo)航圖標(biāo)
4. 可以改變小程序底部導(dǎo)航欄的導(dǎo)航頁面

我們一一演示這四種自定義底部導(dǎo)航的方法和效果。

改變小程序底部導(dǎo)航欄的導(dǎo)航數(shù)量

首先登錄聚分云商家平臺 > 商城 > 商城風(fēng)格 > 底部導(dǎo)航設(shè)置


微信官方規(guī)則規(guī)定：底部導(dǎo)航最多允許5個(gè)，最少允許2個(gè)。所以我們可以設(shè)置導(dǎo)航不顯示，來關(guān)閉不想要的導(dǎo)航。







保存設(shè)置，點(diǎn)擊生成體驗(yàn)版本，查看效果：







可以看到只剩下 首頁、兌換、我的。三個(gè)導(dǎo)航。設(shè)置成功。

改變小程序底部導(dǎo)航欄的背景顏色和文字顏色

可以改變底部菜單欄的文字默認(rèn)顏色、選中顏色、背景顏色、邊框顏色。效果如下：







可以看到底部導(dǎo)航欄的背景、文字顏色等已按照我們設(shè)置的顯示了

改變小程序底部導(dǎo)航欄的導(dǎo)航圖標(biāo)

系統(tǒng)內(nèi)置六套導(dǎo)航圖標(biāo)，仍在陸續(xù)添加中，可任意選擇底部導(dǎo)航圖標(biāo)樣式。改變效果如下：







可以看到上圖中，圖標(biāo)已變更我們選擇的適合寵物店、兒童相關(guān)的門店積分小程序圖標(biāo)。

可以改變小程序底部導(dǎo)航欄的導(dǎo)航頁面

聚分云積分商城小程序默認(rèn)導(dǎo)航頁面如下：

1. 首頁
2. 兌換
3. 門店
4. 優(yōu)惠券
5. 我的

這五個(gè)導(dǎo)航頁面，可以設(shè)置不顯示（上面已有教程演示），也可以用其他頁面代替。有些商家不希望展示門店和優(yōu)惠券，希望展示一些自己的活動(dòng)海報(bào)，或者公司介紹。那么可以設(shè)置如下：


把位置三下拉，選中專題：







然后設(shè)置自定義名稱：五一活動(dòng)。 注：自定義名稱最多四個(gè)字







然后保存設(shè)置，然后點(diǎn)擊頁面右上角的預(yù)覽和發(fā)布小程序按鈕，生成體驗(yàn)版本，預(yù)覽一下效果如下：







我們可以看到上圖中的底部導(dǎo)航欄的五一活動(dòng)，和公司介紹，都已經(jīng)展示出來了。

點(diǎn)擊五一活動(dòng)，進(jìn)入專題頁

點(diǎn)擊公司介紹，進(jìn)入推薦頁

什么是專題頁和推薦頁？

商城創(chuàng)建成功后，系統(tǒng)默認(rèn)生成了三個(gè)頁面：首頁（小程序首頁）、專題頁、推薦頁。 這三個(gè)頁面不能刪除，可以任意裝修成你想要的內(nèi)容頁面。

最重要的一步：如何讓這些設(shè)置生效？

變更以上內(nèi)容，都需要生成體驗(yàn)版本后，提交微信審核，審核通過后發(fā)布才可以真正生效。

第一步：先點(diǎn)擊生成體驗(yàn)版本，如下圖：







會彈出確認(rèn)框，展示當(dāng)前的小程序設(shè)置，確認(rèn)無誤后，點(diǎn)擊生成體驗(yàn)版本按鈕，如下圖：







第二步：點(diǎn)擊生成體驗(yàn)版本

點(diǎn)擊上圖中的生成體驗(yàn)版本后，就會出現(xiàn)下圖提示生成成功，可以掃描小程序體驗(yàn)二維碼預(yù)覽。注意：只有小程序的管理員，以及小程序的體驗(yàn)成員才可以掃碼預(yù)覽。







第三步：點(diǎn)擊提交審核并發(fā)布

掃碼預(yù)覽后，確認(rèn)無誤，和預(yù)期效果一致，則可以點(diǎn)擊提交審核并發(fā)布了。如果審核通過，系統(tǒng)會自動(dòng)發(fā)布。







點(diǎn)擊提交審核后，會顯示上圖，審核時(shí)間大約在1~7個(gè)工作日之間。大多是1天。此時(shí)可以關(guān)掉此彈窗了。只需等待微信審核即可。

可選操作：撤回審核

如果還需要更改，或者不想提交審核，可以點(diǎn)擊撤回審核按鈕。








注意：微信官方規(guī)則：撤回審核操作是有次數(shù)限制。