1、 安裝taro-ui (此處使用cnpm)
cnpm install taro-ui
2、 全局引入樣式 app.scss
sass :@import "~taro-ui/dist/style/index.scss";
3、 使用tabBar組件中引入AtTabBar ,詳情可查詢官網:https://taro-ui.aotu.io/#/docs/tabbar
import { AtTabBar } from 'taro-ui'
@import "~taro-ui/dist/style/components/tab-bar.scss";
npm run dev:h5啟動項目報錯:
官網介紹如下,請先設置再運行,項目便可正常運行;
4、 調用AtTabBar組件
5、 路由跳轉到對應的頁面,需先在app.js中定義路徑
注意事項:1. url用絕對路徑時需要在最開始加“/”;2. 在toolbar定義過的頁面不能跳轉;
以上便可實現tabBar路由跳轉;
新手學習,望各位大神多多指教;