uniapp發布微信小程式適應頭部

2021-10-04 15:12:57 字數 889 閱讀 6002

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命令即可 因為這個包是工具,要求全域性都能使用,所以需要...