nvue中使用scroll-view 横向滚动隐藏滚动条

解决方案来至微信小程序官方的野路子。
就是在scroll-view上包裹一层高度小于scroll-view的view，但是我的滚动item有阴影边框，套一层底部还是有点问题，最后我套了两层完美解决。

不能上传演示视频，大家自己去试试

<template>  
  <view class="guide">  
    <scroll-view class="guide-item" scroll-x="true">  
      <view class="item" v-for="(item, index) in list" :key="index" :style="{ 'margin-right': index + 1 == list.length ? '0rpx' : '10rpx' }">  
        <view class="item-box">  
          {{ item.name }}{{ index }}  
        </view>  

      </view>  
    </scroll-view>  
  </view>  
</template>  

<script>  
export default {  
  props: { list: Array },  
  data() {  
    return {};  
  },  
  methods: {}  
};  
</script>  

<style lang="scss" scoped>  
$guide-height: 300rpx;  

.guide {  
  height: $guide-height;  
  overflow: hidden;  
  background-color: #007AFF;  
}  

.guide-item {  
  /* #ifndef APP-NVUE */  
  display: flex;  
  /* #endif */  
  flex-direction: row;  

}  
.item {  
  background-color: #fff;  
  width: 200rpx;  
  height: $guide-height + 30;  
  overflow: hidden;  
}  

.item-box {  
  background-color: #fff;  
  width: 200rpx;  
  height: $guide-height - 10;  
  border-radius: 20rpx;  
  box-shadow: 0 2rpx 8rpx 0 rgba(0, 0, 0, 0.06);  
}  
</style>