TabBar有四个子页:Fitting(试衣间)、Wardrobe(衣橱)、Circle(圈子)、Mine(我的)。
这四个页面存放在src/components/
下为四个组件。
在src/pages/main/index.js
编写主页。
代码如下:
import Taro, { Component } from '@tarojs/taro'
import { AtTabBar } from 'taro-ui'
import { View } from '@tarojs/components'
import Fitting from './../../components/fitting';
import Wardrobe from './../../components/wardrobe';
import Circle from './../../components/circle';
import Mine from './../../components/mine';
import './index.less';
const tabList = [
{ title: '试衣间', iconType: 'eye' },
{ title: '衣橱', iconType: 'equalizer' },
{ title: '圈子', iconType: 'map-pin', },
{ title: '我的', iconType: 'user', }
]
export default class Main extends Component{
constructor(props){
super(props);
this.state