Vux使用笔记---ViewBox

想要使用ViewBox+Tabbar实现导航栏，同时导航栏保持不动，内容滚动。

 

可是按照ViewBox的例子折腾了很久都实现不了。

最后分析Vux整个项目得出结论，想要实现导航栏不动的效果，需要

view-box所有父div也需要为100%高度

view-box所有父div也需要为100%高度

view-box所有父div也需要为100%高度

重要的事情说三遍

所以，要把APP.Vue的根div也设置为100%高度就可以实现了~

<template>
  <div id="app" style="height:100%;">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
body {
  background-color: #fbf9fe;
}
</style>