nvue中视频列表滚动遮挡原生导航

这是我的代码
video-list.nvue页面
刚开始不滚动，后面加了list就可以滚动了，但是会遮挡原生的导航栏

<template>  
  <view class="box">  
   <list >  
      <cell v-for="(item, index) in leftList" :key="`key${index}`">  
              <!-- <text class="video-name">摄像头 {{index}}</text> -->  
         <view class="video-box" v-for="(item, index) in leftList" :key="`key${index}`">                      
              <video  
                class="video"  
                :src="videoSrc"  
                autoplay=""  
                muted  
                :controls="false"  
                object-fit="fill"  
                :show-mute-btn="true"  
                >  
                </video>  
            <view class="name-box">  
              <text class="name">摄像头 {{index}}</text>  
            </view>  
          </view>  
     </cell>  
    </list>  
  </view>  
</template>