博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
taro 创建 Tabbar
阅读量:6532 次
发布时间:2019-06-24

本文共 1428 字,大约阅读时间需要 4 分钟。

1.代码

src/app.js

import '@tarojs/async-await'import Taro, { Component } from '@tarojs/taro'import Home from './pages/home'import dva from './utils/dva'import models from './models'import { Provider } from '@tarojs/redux'import './styles/base.scss'const dvaApp = dva.createApp({  initialState: {},  models: models,});const store = dvaApp.getStore();class App extends Component {  config = {    pages: [      'pages/home/index',      'pages/cart/index',      'pages/user/index',    ],    window: {      backgroundTextStyle: 'dark',      navigationBarBackgroundColor: '#fff',      navigationBarTitleText: '女装租赁平台',      navigationBarTextStyle: 'black'    },    tabBar: {      list: [{        pagePath: "pages/home/index",        text: "首页",        iconPath: "./images/tab/home.png",        selectedIconPath: "./images/tab/home-active.png"      }, {        pagePath: "pages/cart/index",        text: "衣袋",        iconPath: "./images/tab/cart.png",        selectedIconPath: "./images/tab/cart-active.png"      },{        pagePath: "pages/user/index",        text: "我的",        iconPath: "./images/tab/user.png",        selectedIconPath: "./images/tab/user-active.png"      }],      color: '#333',      selectedColor: '#333',      backgroundColor: '#fff',      borderStyle: '#ccc'    }  }  componentDidMount() {  }  render() {    return (
); }}Taro.render(
, document.getElementById('app'))

2.项目目录

3.效果图

转载地址:http://cmqbo.baihongyu.com/

你可能感兴趣的文章
JDK 1.7+Android SDK+IntelliJ IDEA 13+Genymotion 安卓开发环境部署
查看>>
钓鱼邮件***防范指南
查看>>
session_start()放置位置的不正确引发的ROOT常量 未定义的错误
查看>>
如何设定VDP同时备份的任务数?
查看>>
ipsec的***在企业网中的经典应用
查看>>
过来人谈《去360还是留在百度?》
查看>>
mysql备份工具innobackupex,xtrabackup-2.1安装,参数详解
查看>>
【复制】slave筛选复制之二(create/drop table语句)
查看>>
Movie Store OpenCart 自适应主题模板 ABC-0249
查看>>
mytop-MySQL监控工具
查看>>
RedHat linux YUM本地制作源
查看>>
apache端口占用问题
查看>>
本地Office Project计划表同步到SharePoint2013任务列表的权限问题
查看>>
Windows2008 R2 GAC权限问题
查看>>
洛谷——P1469 找筷子
查看>>
几句话就能让你明白:网络地址转换(NAT)
查看>>
springboot项目自定义注解实现的多数据源切换
查看>>
特此说明
查看>>
使用flume替代原有的scribe服务
查看>>
用脚本来定制ESXI安装镜像
查看>>