scroll-view制作导航菜单

可以使用 scroll-view 和 flex 布局来制作导航菜单。首先，在 scroll-view 中添加一个 flex 容器，然后在容器中添加每个菜单项。使用 flex 布局可以轻松地控制菜单项的排列方式和间距。具体实现可以参考以下代码：

<scroll-view>
  <view class="menu-container" style="display: flex;">
    <view class="menu-item">菜单项1</view>
    <view class="menu-item">菜单项2</view>
    <view class="menu-item">菜单项3</view>
    <view class="menu-item">菜单项4</view>
    <view class="menu-item">菜单项5</view>
  </view>
</scroll-view>

<style>
  .menu-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }
  .menu-item {
    flex: 1;
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 10px;
  }
</style>

这段代码会创建一个带有五个菜单项的导航菜单，每个菜单项之间有一定的间距，并且菜单项会自动适应屏幕大小。