uni-app 配置tabber底部导航栏

「爱情、让人受尽委屈。」 2023-01-03 11:28 281阅读 0赞

"tabBar": { 
    		"color": "#444",
    		"selectedColor": "#219bf3",
    		"backgroundColor": "#e0e0e0",
    		"borderStyle": "white",
    		"position": "bottom",
    		"list": [
    			{ 
    				"pagePath": "pages/index/index",
    				"text": "首页",
    				"iconPath": "static/icon/home.png",
    				"selectedIconPath": "static/icon/homes.png"
    			},
    			{ 
    				"pagePath": "pages/heng/index",
    				"text": "横屏",
    				"iconPath": "./static/icon/heng.png",
    				"selectedIconPath": "./static/icon/hengs.png"
    			},
    			{ 
    				"pagePath": "pages/video/index",
    				"text": "精美视频",
    				"iconPath": "./static/icon/video.png",
    				"selectedIconPath": "./static/icon/videos.png"
    			},
    			{ 
    				"pagePath": "pages/search/index",
    				"text": "搜索",
    				"iconPath": "./static/icon/search.png",
    				"selectedIconPath": "./static/icon/searchs.png"
    			},
    			{ 
    				"pagePath": "pages/mine/index",
    				"text": "我的",
    				"iconPath": "./static/icon/mine.png",
    				"selectedIconPath": "./static/icon/mine2.png"
    			}
    		]
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，281人围观）

还没有评论，来说两句吧...

相关阅读

相关底部导航栏

1.添加相应的文件 2.分别加入4个Fragment以及布局文件 3.MianActivity的引用 4.MainActivity的布局文件添加相应的文件：

我就是我/ 2023年08月17日 17:09/ 0 赞/ 51 阅读

相关 uni-app 配置tabber底部导航栏

"tabBar": { "color": "444", "selectedColor": "219bf3", "backgroun

「爱情、让人受尽委屈。」/ 2023年01月03日 11:28/ 0 赞/ 282 阅读

相关 wepy底部导航栏效果

文档 [wepy快速指南][wepy] [小程序框架wepy开发文档][wepy 1] [wepy开源][wepy 2] [wepy官方文档][w

不念不忘少年蓝@/ 2022年03月01日 01:46/ 0 赞/ 429 阅读

相关 wepy底部导航栏效果

文档 [wepy快速指南][wepy] [小程序框架wepy开发文档][wepy 1] [wepy开源][wepy 2] [wepy官方文档][w

Bertha 。/ 2022年01月26日 00:13/ 0 赞/ 359 阅读

相关底部导航栏效果

<template> <view class="me"> 消息列表界面 </view> </template> <

短命女/ 2021年09月19日 10:36/ 0 赞/ 603 阅读

相关利用vue封装TabBer导航栏

利用vue封装TabBer导航栏 1、利用vue-cli2构建项目需要在构建项目的时候安装vue-router 2、搭建项目文件路径 ![在这里插入图片描

喜欢ヅ旅行/ 2021年09月02日 07:06/ 0 赞/ 498 阅读

相关 uniapp 如何配置导航栏下底部线条

uniapp导航栏下的线条显示 , 只需要在pages.json页面就行配置就可以了 , 但是一定要在手机上运行查看 , 因为电脑上的预览是看不到的图示: 只需要把圈住

╰+哭是因爲堅強的太久メ/ 2021年07月25日 15:27/ 0 赞/ 1595 阅读

相关 rn 底部导航栏

(1)安装 yarn add @react-navigation/native yarn add react-native-gesture-hand

秒速五厘米/ 2021年07月24日 23:57/ 0 赞/ 734 阅读

相关 vue 底部导航栏组件

bug: 因为通过router-link跳转,所以只能点击文字跳转,将router-link换成其他标签,然后设置跳转事件能改变这一bug 因

- 日理万妓/ 2021年07月24日 23:23/ 0 赞/ 602 阅读

相关 uniapp 导航栏tabBar

注意: (1)当设置导航栏在顶部,即position为top时,只能配置文字,不能配置图标 (2)当设置导航栏在顶部时,仅微信有效 (3)图标不

超、凢脫俗/ 2021年07月24日 23:15/ 0 赞/ 827 阅读