uni.getsysteminfo(
safeareainsets:
screenheight: 667 //螢幕高度
screenwidth: 375 //螢幕寬度
statusbarheight: 20 //狀態列高度
system: "ios 10.0.1" //作業系統版本
version: "7.0.4" //版本號
windowheight: 667 //可使用視窗高度
windowwidth: 375 //可使用視窗寬度
}that.statusbarheight = res.statusbarheight
// 獲取到的是頭部狀態列的高度
// #ifdef mp-weixin
let menu = wx.getmenubuttonboundingclientrect();
//獲取到的膠囊的資訊
//以螢幕左上角為原點,獲取到的資訊
// 獲取膠囊的資訊
that.barheight = menu.bottom + menu.top - res.statusbarheight * 2;
// #endif
}})
使用方法
//頭部狀態列佔位
//自定義頭部區域
我的收益
分享記錄
樣式,我使用的是定位,有什麼好的方法可以分享一下
.topbox
.titlebox1
.leftback
} }
uniapp發布到微信小程式整改摘要
如果是輕量級的應用,不涉及太多功能的話,或許可以直接打包移植,但涉及前後端各類互動多的專案,則需要注意很多的地方。移植到各類平台,首先要避開那些在某平台上不生效或有差異的api,這時候可以用條件編譯的方式,同時也要配置在該平台專屬的一些引數,了解該平台的一些限制。1 作用許可權 如果用到了獲取當前位...
uni app微信小程式登入授權
首先是需要用到乙個授權按鈕來觸發獲取使用者資訊授權 關鍵在於 open type 為 getuserinfo 然後有個 getuserinfo的事件,把獲取授權介面寫到該事件裡面去 方法如下 ifdef mp weixin uni.getprovider fail fail else endif 在...
微信小程式轉化為uni app專案
使用指南 由於該專案需要使用npm包管理工具安裝對應的專案包,而npm是隨同nodejs一起安裝的包管理工具,所以接下來我們只需要把node.js安裝配置好即可。node.js 安裝配置詳細教程 使用cmd進入對應的資料夾輸入 npm init命令即可 因為這個包是工具,要求全域性都能使用,所以需要...