uniapp 下拉菜单

你可以使用 uni-popup 组件来实现下拉菜单的效果。

首先，在需要触发下拉菜单的组件上，添加一个点击事件，比如：

<view @click="showPopup">点击弹出下拉菜单</view>

然后，在该组件所在的页面或组件中，定义一个 uni-popup 组件，如下：

<uni-popup v-model="popupShow" position="bottom">
  <!-- 下拉菜单的内容在这里 -->
</uni-popup>

其中，v-model 绑定的是控制弹出框显示/隐藏的变量，position 属性指定弹出框的位置（这里是底部）。

最后，在该页面或组件的 script 中，定义 showPopup 方法，用于控制弹出框的显示/隐藏：

export default {
  data() {
    return {
      popupShow: false // 弹出框的显示/隐藏状态
    }
  },
  methods: {
    showPopup() {
      this.popupShow = !this.popupShow
    }
  }
}

这样，当用户点击触发下拉菜单的组件时，就会弹出下拉菜单了。你可以进一步优化下拉菜单的样式和功能，比如添加动画效果、设置菜单项等。