小程序底部导航栏被canvas覆盖_科普：小程序导航栏制作教程、作用

打开微信小程序，当用户要找自己需要的功能时，导航栏就显得非常重要了。目前小程序的导航比较常见的是微信小程序底部导航栏，微信小程序顶部导航栏则比较少。小程序导航栏一般是3~5个项目，这样比较符合视觉美感。

如何设置小程序自定义导航栏？在「上线了」注册账号后选择“创建小程序”，再选择一个你需要的模板。下面我以电商模板来示例：

点击模板进入后台编辑页，在这里你可以设置主题色、导航栏风格(深色、浅色)；还能修改底部分页导航名称。在“小程序设计-页面设计”里你可以添加需要的功能版块，这些版块都是主页组成部分，也就是导航栏的第一页。

在“商品”栏可以添加商品和商品分类，你可以勾选“将商品分类显示在底部导航”，这样商品分类页面就会显示在第二页。

点击【应用中心】，你可以添加文章模块。添加成功后，小程序会多一个文章页，在导航栏中也会显示出来。

做好后点击左下角“立即发布”，按要求注册授权就行。

小程序导航是非常重要的，在制作和设计小程序时，我们一定不要忽视它。那么微信小程序导航栏有什么具体意义呢？

主要是可以确保用户能够在小程序中来去自如。一旦用户进入我们的小程序页面，我们就有责任和义务清晰明确地告知用户身在何处、又可以往何处去，确保用户在页面中游刃有余地穿梭而不迷路。

上线了小程序案例，禁止转载

明确、清晰的导航可以告诉用户，当前在哪，可以去哪，如何回去等问题，是用户在浏览小程序时的重要参照。

其次，导航可以提高用户浏览效率，为用户节约时间，这样给用户比较好的浏览体验。用户心情好，下单几率也会增加，对你的小程序的印象也会更好。

总之，小程序导航栏是非常重要的，在设计小程序时，我们一定要重视。