1、底部tabBar設置 當然可以設置在頂部
在全局app.json中配置 "tabBar":{
position:"bottom" // 在這里設置tabBar的位置 可以選擇頂部和底部
"list":[
{
"text":"首頁" ,//在這里可以寫底部tabBar中內容 什么頁面
pagePath:"pages/index/index",
iconPath://圖片路徑 可以新增images文件夾 里面放logo圖 iconPath表示未選中狀態,
selectedIconPath://圖片路徑 表示選中后的狀態
},
{
"text":"搜索" ,//在這里可以寫底部tabBar中內容 什么頁面
pagePath:"pages/search/index",
iconPath://圖片路徑 可以新增images文件夾 里面放logo圖 iconPath表示未選中狀態,
selectedIconPath://圖片路徑 表示選中后的狀態
},
}
2、關於父子組件傳值
這里跟vue中很像
父傳子通過屬性:properties
properties:{
obj:{
type:String,
value:"abc"
}
}
value表示默認不傳時的屬性
在<child obj="{{obj}}"/>中傳遞屬性obj
子傳父 在 <child bindAbc="m"/>
在父組件中定義方法 m(e){
console.log("m")
}
在子組件中 同樣 在methods中 通過this.triggerEvent("Abc",要傳遞的參數)觸發並可傳遞參數 但只能有一個 可以傳對象
那么父組件可以接收 在m方法中有個參數e e.detail即為子組件傳過來的值