(一)第一种方式
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: '发