微信小程序 新建登錄頁并實現(xiàn)tabBar隱藏
更新時間：2017年06月13日 09:21:43 投稿：lqh
這篇文章主要介紹了微信小程序 新建登錄頁并實現(xiàn)tabBar隱藏的相關(guān)資料,需要的朋友可以參考下
微信小程序 新建登錄頁并實現(xiàn)tabBar隱藏
實現(xiàn)的效果如下兩張圖：
app.json 設(shè)置的pages的path如下：
在app.json里面設(shè)置tabBar的值：
如果你不想在登錄頁有tabBar的內(nèi)容，則在app.json 里面tabBar-->list-->pagePath 不能寫登錄頁面的路徑，并且首頁跳轉(zhuǎn)到登錄頁時，用 navigateTo 跳轉(zhuǎn)到新頁面即可實現(xiàn)tabBar的隱藏，如下圖所示：
login頁面如何設(shè)置整個頁面都是藍(lán)色（#2da1ed）？
在login.json里面設(shè)置：
{
"navigationBarTitleText": "微信登錄",
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#2da1ed",
"navigationBarTextStyle":"#fff"
}
在login.wxss里面設(shè)置page的背景顏色：
page{
background: #2da1ed;
}
login頁面點擊登錄時進(jìn)行的簡單判定如下：
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例
這篇文章主要為大家介紹了JS數(shù)據(jù)分析數(shù)據(jù)去重及參數(shù)序列化示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序 textarea 組件詳解及簡單實例的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了微信小程序 scroll-view隱藏滾動條和跳轉(zhuǎn)頁面的相關(guān)資料,需要的朋友可以參考下2017-01-01
JS前端以輕量fabric.js實現(xiàn)示例理解canvas
這篇文章主要為大家介紹了JS前端以輕量fabric.js實現(xiàn)示例理解canvas可視化，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
這篇文章主要介紹了微信小程序 vidao實現(xiàn)視頻播放和彈幕的功能的相關(guān)資料,這里提供實現(xiàn)代碼及實現(xiàn)效果圖，需要的朋友可以參考下2016-11-11
這篇文章主要為大家介紹了JS實現(xiàn)可恢復(fù)的文件上傳示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
JS控制表格隔行變色...2006-06-06
這篇文章主要介紹了微信小程序 輪播圖swiper詳解及實例（源碼下載）的相關(guān)資料,實用小技巧自定義輪播圖swiper dots默認(rèn)樣式，需要的朋友可以參考下2017-01-01
fs-extra實現(xiàn)yarn?create?tlist創(chuàng)建示例詳解
這篇文章主要為大家介紹了fs-extra實現(xiàn)yarn?create?tlist創(chuàng)建示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
這篇文章主要介紹了微信小程序 wx:for的使用實例詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04