微信小程序|制作标签导航

• 2020 年 2 月 24 日
• 笔记

问题描述

App.json作为全局配置文件，可以设置5个功能：配置页面路径，配置窗口表现，配置标签导航，配置网络超时和配置debug模式。其中，标签导航是众多移动App软件均会采用的一种导航方式，那么如何用微信小程序实现这一效果呢？

解决方案

这就需要在app.json中配置tabBar属性。taBar是一个对象，可以配置标签导航文字默认颜色、选中颜色、标签导航背景色及上边框颜色，上边框颜色可以配置white、black两种颜色。标签导航存放到list数组中，有一个标签导航就在list中配置标签导航，list中的每个对象对应一个标签导航，每个对象中可以配置标签导航的路径、导航名称、默认图标以及选中图标。

结语

遇到整个的问题可以分步解决，先解决基础的小知识，再研究整体，会使过程比较容易。

END

实习编辑 | 王楠岚

责 编 | 赵 微

where2go 团队