vux固定标题栏和导航栏的坑

所有父级元素包括view-box指定height:100%

手动指定view-box的padding-bottom和padding-top

文档上说可以用body-padding-top和body-padding-bottom这两个属性指定，实际上这是错误的

正确的是bodyPaddingBottom和bodyPaddingTop。错误的文档坑死人不偿命

 

<view-box :bodyPaddingBottom="bodyPaddingBottom" :bodyPaddingTop="bodyPaddingTop">

 动态设置

        mounted: function () {
            this.bodyPaddingTop = this.$refs.header.$el.clientHeight  + 'px';
            this.bodyPaddingBottom = this.$refs.bar.$el.clientHeight  + 'px';
        },

 另外自己设计固定栏的话为了避免内容庶盖要给容器指定box-sizing: border-box;然后再设置padding或者插入一个空的div

border-box的意思是边框和补白不计入容器内容高度