to do H5 development, you need to adapt bangs. There is no bottom occlusion problem in Wechat development tool. Now Android also has a lot of bangs. How does Mini Program adapt to different bangs?
to do H5 development, you need to adapt bangs. There is no bottom occlusion problem in Wechat development tool. Now Android also has a lot of bangs. How does Mini Program adapt to different bangs?
there are two cases:
1. If the navigationStyle value in app.json is default, there will be a default title bar of Wechat, and Wechat will do the adaptation work himself. Developers do not need to consider
2 and the navigationStyle value in app.json is custom,. Developers will handle the original title bar by themselves. You can get the statusBarHeight (height of the status bar) through wx.getSystemInfo to make the actual adaptation. Generally speaking, the height of the status bar includes the height of bangs
related documents:
https://developers.weixin.qq.
https://developers.weixin.qq.
Mini Program does not need to adapt to the bangs screen. It is based on Wechat, not APP
take iPhone X as an example. Bangs (top navigation bar) do not need to adapt. Mini Program's navigation bar adapts by default, and users can set navigationBar by passing page.json.
for the chin, using Mini Program's tab page, it will be adapted by default. In addition to the page, if there is an element whose fixed is located at the bottom, please obtain the device information through wx.getSystemInfo, and then judge its device through systemInfo.model . To put it simply, if you judge it to be iPhoneX, please dynamically set the element height to ensure that the element can have an ideal display effect under iphoneX.
recently, we are going to do a leave function. Student A submitted an application for leave, which was then reviewed by teacher B, but later I found that I needed a reminder function on Wechat s message end. It seems that Wechat can only use template me...
problem description the official PHP Demo, has been deployed successfully in the development environment. The official link ...
I wrote the login acquisition user information in app.js. After success, I assigned the content to the onLoad of globalData.xxxxx,Page and then assigned the globalData.xxxxx to data.xxxxx. I found that the assignment was not so bad. Many materials say...
use the downloaded file from downloadFile to add the path to the video src, but it can t be played on the phone. ...
Mini Program converts the date string in YYYY-MM-DD HH:MM:MM format into a timestamp, which is normal on Android, but not on ios. Do you have any solutions or experience ...
Click to get the corresponding array contents Array structure: { date: "2018-03-13", z_num: "450", m_num: "6", money: "3956.67", id: 13, line: [{ placeholder: "", ...
background Mini Program, who has been working as a picture editor recently, puts some small decorations (pictures) on a picture, and moves and zooms by monitoring gestures and using CSS s transform. question but there is a problem, that is, how t...
Picture Preview API execution is successful, but after canceling the preview, the console panel has such an error : ...
Mini Program backend requests Wechat server to return whether the openid, user s first login is based on openid to build the user data table. The client login successfully requests that the user data be sent to the server. The server receives the 3rd_se...
how to prevent users from clicking a single click, because each click, const recorderManager = wx.getRecorderManager () will register bind:touchstart= startRecord bind:touchend= stopRecord startRecord(e) { recorderManager.start(startObj)...
I use wx.openLocation to adjust the map directly. The green button in the lower right corner of the iPhone allows me to choose the route, but there is no route option on Android. Why? ...
is it true that calling wx.openLocation, directly won t pop up the authorization box? I tried three phones but didn t play. Why does the official document say that authorization is needed? ...
set the click event for a button to call wx.authorize,. If the user clicks the rejection of the authorization pop-up box for the first time, won t the authorization pop-up box be adjusted the next time the button is clicked? ...
I read the official document that this API has been adjusted, and there will be no authorization pop-up window using this API. Please use < button open-type= "getUserInfo " > < button > to guide the user to take the initiative to authorize the operati...
() wx.showModel: wx.showActionSheet: ...
what my Mini Program needs is to help the backend get the unionid to get through the official account and Mini Program. I get the login status and maintain the login. ...
according to the title, my Mini Program mainly has a form submission to get the user unionid to get through Mini Program and the official account. Do I need to maintain my login status? When it comes to the login state, it makes me feel dizzy. ...
when Mini Program sends template messages to obtain access_token, appsecret, needs to be passed in the API parameters, but what we are doing is a third-party platform for saas service. How can we get the merchant s appsecret? Can merchants get appsecret...
I bound the same click event to the button tags of some child pages, such as getFormID, so I put getFormID in app.js. Sub-page button binding click event when the direct bindtap= "getFormID " can not be executed, prompting that there is no getFormID met...
because I want to collect formid (multiple pushes of template messages), I put layers button and form around each navigator ...