Advertisement

Uni-App自定义TabBar;Uni-App小程序调整中间TabBar导航栏大小;Uni-App小程序调整底部导航栏

阅读量:

开发一个小程序,并对其功能模块中的tabBar进行调整其视觉效果以实现自定义凸起或放大图标尺寸;通过文档资料可知, 该系统版本无法实现功能模块间的切换操作

解决思路:移除uni-app原有的tabBar,并将其替换为手写的导航栏以实现定位功能及设计特定样式。

小程序页面截图:

在这里插入图片描述

H5页面截图:

在这里插入图片描述

步骤和文件结构如下:

在这里插入图片描述

一、pages.json:正常书写,注意H5的需要加上midButton部分

复制代码
    {
    	"pages": [
    		{
    			"path": "pages/index/index",

全部评论 (0)

还没有任何评论哟~