uView（Tabbar 底部导航栏）_uview底部导航栏

（一）第一种方式

1，每个菜单页面都要

“首页” “发布” “我的” 每个页面都要

<template>
	<view>
		首页
		<u-tabbar
		:list="tabBar" 
		@change="changeEvent()" 
		bg-color="rgb(51, 61, 73)"
		active-color="rgba(8,141,246, 1)"
		inactive-color="#fff">
		</u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabBar: '',
			}
		},
		onLoad() {
			this.tabBar = [{
					// pagePath(需以"/"开头)属性即可
					pagePath: "/pages/index/index",
					iconPath: "home",
					selectedIconPath: "home-fill",
					text: '首页',
				},
				{
					pagePath: "/pages/release/release",
					iconPath: "https://cdn.uviewui.com/uview/common/min_button.png",
					selectedIconPath: "https://cdn.uviewui.com/uview/common/min_button_select.png",
					text: '发
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32