taro開發微信小程式-配置tab頁面(六)

taro開發微信小程式,taro架構目前是移動端的混合全能架構,對于微信小程式平台編譯優秀,taro結合webpack可以編譯微信小程式,anroid,ios,H5等平台代碼,taro ui是基于taro的一套ui界面庫。本欄部落格介紹如何使用使Trao和Taro UI架構來開發移動端微信小程式.

1.在項目開發檔案夾中建立2個檔案夾-配置2個tab頁面

index/index.js

me/me.js
           

2.找到檔案夾中的app.js

config = {
    pages: [
      'pages/me/me',
      'pages/index/index',
    ],
tabBar: {
      color: "#626567",
      selectedColor: "#6e9eea",
      backgroundColor: "#FBFBFB",
      borderStyle: "white",
      list: [{
        pagePath: "pages/index/index",
        text: "",
        iconPath: "",
        selectedIconPath: ""
      },
      {
        pagePath: "pages/maine/maine",
        text: "我的",
        iconPath: "",
        selectedIconPath: ""
      }]
    }
}
           

最好都在js檔案中加點文本标簽之類的看看效果

3.重新編譯項目

taro開發微信小程式-初始化項目(一)

taro開發微信小程式-了解項目結構(二)

taro開發微信小程式-使用Taro ui(三)

taro開發微信小程式-路由傳參(四)

taro開發微信小程式-頁面開發規範(五)

taro開發微信小程式-配置tab頁面(六)

taro開發微信小程式-使用websocket(七)

taro開發微信小程式-網絡請求(八)

taro開發微信小程式-解決編譯報錯Error: EISDIR: illegal operation on a directory（九）

taro開發微信小程式-加載騰訊地圖(十)

taro開發微信小程式-播放軌迹(十一)

taro開發微信小程式-在地圖頁面添加搜尋框(十二)

taro開發微信小程式-清單下拉重新整理,上拉加載(十三)

taro開發微信小程式-添加開發者預覽,上傳測試版本(十四)

taro開發微信小程式-資料共享于緩存使用Redux(十五)

errMsg:getLocation:fail:require permission desc-小程式無法定位[解決](十六)