微信小程序页面头部高度自适应

1.在app动态获取页面头部导航高度

2.定义头部组件

组件js

组件json

组件wxml

组件wxss自己写

3.需要引入的页面

（1）.修改当前页面头部，自定义页面头图,引入组件

引入页面json

(2).页面js

(3).页面中使用组件,直接插入页面就可以了

问题：在微信小程序中使用height:calc(xx - xx)设置元素高度无效

排查原因:calc属性设置height或width时，要求父容器有明确的对应属性设置，当父容器没有设置时，calc计算无法完成。因为我想设置高度的元素没有父容器，所以calc失效。

解决办法：1.给该元素添加设置明确高度的父容器。2.直接通过page{height:100%}解决。

wxml文件内容

fixed='true' 如果 textarea 是在一个 position:fixed 的区域，需要显示指定属性 fixed 为 true

contenteditable="true" 是否自动增高，设置auto-height时，style.height不生效

placeholder-style 指定 placeholder 的样式

placeholder 输入框为空时占位符

wxss文件内容

---