用uni-app点击悬浮按钮展开横向菜单

您可以使用uni-app中的`uni-popup`组件和`flex`布局来实现悬浮按钮展开横向菜单的效果。具体实现步骤如下：

1. 在页面中添加一个悬浮按钮，如下：

<view class="float-btn">+</view>

2. 在悬浮按钮的点击事件中，弹出横向菜单，如下：

uni.showPopup({
  position: 'bottom',
  buttons: [
    {
      text: '菜单1',
      icon: 'home',
      onClick() {
        // 处理菜单1的点击事件
      }
    },
    {
      text: '菜单2',
      icon: 'search',
      onClick() {
        // 处理菜单2的点击事件
      }
    },
    {
      text: '菜单3',
      icon: 'settings',
      onClick() {
        // 处理菜单3的点击事件
      }
    }
  ]
})

3. 在CSS中设置悬浮按钮的样式和菜单的布局方式，如下：

.float-btn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 30px;
  border-radius: 50%;
  background-color: #007AFF;
  color: #fff;
  z-index: 9999;
}

.uni-popup {
  display: flex;
  justify-content: center;
  align-items: center;
}

这样就可以实现用uni-app点击悬浮按钮展开横向菜单的效果了。