微信小程序导航栏高度（微信小程序底部导航栏和标签导航栏）

本文目录一览：

• 1、微信小程序底部导航图标如何设置大小
• 2、微信小程序 view的高度是被内容撑开的 怎么获取它的高度
• 3、微信小程序，在屏幕下面用position：flex做一个导航栏，css样式是top：89%；iphone5正常，iphon6多出空白
• 4、微信小程序开发工具上的windowheight为什么会减去98px

微信小程序底部导航图标如何设置大小

1、新建一个微信小程序0607，完成后，大致架构如图。

2、打开app.json，在其中配置topbar，如图，红色部分表示的代码；注意：绿色处的逗号，不可省略。

3、上图代码运行后，即可看到添加的底部导航，如图。

4、在app.json中，再添加一个导航test，需要添加两端代码，如图中的代码1和代码2，运行成功后，会在pages文件夹下出现test文件。

5、给添加图标，要使用 iconPath，selectedIconPath这两个属性。

6、运行后，出现底部导航图标，点击选中的显示√，如图。

7、如果不喜欢导航放在下面，可以改变position的值，将其放在最上端即可。

微信小程序 view的高度是被内容撑开的 怎么获取它的高度

这个代码肯定可以查到的，这是官方查DOM属性的API，查到的属性其实也很有限，但是高度是绝对可以查到的，查不到高度的同学可以去看官方文档！

首先给你的xml对象一个id：

view class="fc09-da42-9ff5-3eda usermotto" style="height:213px;" id='mjltest'/

然后在js里，用一个SelectorQuery来选择对应id的节点（注意id前面要加一个#号），就可以获取对应节点的属性，包括高度。

//创建节点选择器

var query = wx.createSelectorQuery();

query.select('#mjltest').boundingClientRect()

query.exec(function (res) {

//res就是 所有标签为mjltest的元素的信息 的数组

console.log(res);  

//取高度

console.log(res[0].height);

})

微信小程序，在屏幕下面用position：flex做一个导航栏，css样式是top：89%；iphone5正常，iphon6多出空白

用小程序内置的导航栏不行么？如果想自制导航栏，应该用固定高度，如果用百分比就会在不同高度的屏幕上有不同的效果。

微信小程序开发工具上的windowheight为什么会减去98px

1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台，找到右下方的小程序模块，点击「开发」按钮 2、点击顶部导航栏的「工具」按钮，在新页面的左侧栏中找到「下载」。可以看到，开发工具提供 Windows 32 位