首先引入taro-ui,加入标签AtTabBar
import Taro, { Component, Config } from '@tarojs/taro'
import { View } from '@tarojs/components'
import { AtTabBar } from 'taro-ui'
import './index.scss'
标题为:个人中心,显示下标为3
config = {
navigationBarTitleText: '个人中心'
}
constructor () {
super(...arguments)
this.state = {
current: 3
}
}
点击底部按钮根据下标切换路径
handleClick (value) {
this.setState({
current: value
})
switch (value) {
case 0:
Taro.redirectTo({
url: `/pages/index/index`
})
break;
case 1:
Taro.redirectTo({
url: `/pages/pinglun/index`
})
break;
case 2:
Taro.redirectTo({
url: `/pages/yindao/index`
})
break;
case 3:
Taro.redi