u1-dropdown 下拉菜单

u1-dropdown 是基于 uView u-dropdown 修改的下拉菜单组件，需配合 u1-dropdown-item 使用。

基础用法

<template>
  <u1-dropdown>
    <u1-dropdown-item v-model="value1" title="距离" :options="options1"></u1-dropdown-item>
    <u1-dropdown-item v-model="value2" title="温度" :options="options2"></u1-dropdown-item>
  </u1-dropdown>
</template>

<script>
export default {
  data() {
    return {
      value1: 1,
      value2: 2,
      options1: [{ label: '默认排序', value: 1 }, { label: '距离优先', value: 2 }],
      options2: [{ label: '去冰', value: 1 }, { label: '加冰', value: 2 }]
    }
  }
}
</script>

Props

参数	说明	类型	默认值
active-color	选中颜色	String	'#2979ff'
inactive-color	未选中颜色	String	'#606266'
close-on-click-mask	点击遮罩是否关闭	Boolean	true
close-on-click-self	点击当前激活项标题是否关闭	Boolean	true
duration	过渡时间 (ms)	String | Number	300
height	标题菜单高度	String | Number	80

Slots

插槽名	说明
default	放置 u1-dropdown-item
left	菜单左侧自定义内容
right	菜单右侧自定义内容