用小程序代码写一个横向菜单

在微信小程序中创建一个横向菜单，你可以使用`navigator`组件配合自定义的swiper或者scroll-view。以下是一个简单的示例：

<view class="container">
  <!-- 使用navigator组件 -->
  <navigator url="/pages/home/home" open-type="slide-out-right">
    <view class="nav-item">首页</view>
  </navigator>

  <!-- 或者使用scroll-view结合自定义视图 -->
  <scroll-view class="nav-container" scroll-x="true">
    <view class="nav-item" bindtap="switchPage('home')">首页</view>
    <view class="nav-item" bindtap="switchPage('other')">其他</view>
  </scroll-view>
</view>

<style scoped>
.container {
  display: flex;
  justify-content: space-between;
}

.nav-item {
  width: 50%;
  height: 44rpx; // 小程序默认的底部栏高度
  text-align: center;
}
</style>

<script>
Page({
  data: {},
  
  switchPage: function(pageName) {
    wx.navigateTo({
      url: `/pages/${pageName}/${pageName}`
    });
  }
})
</script>

在这个例子中，当你点击"首页"，会打开`/pages/home/home`页面，类似的功能可通过JavaScript事件监听实现动态切换。