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