Drop Menu 下拉菜单

使用指南

引入方式

import { DropMenu } from 'feart';

components: {
  'fe-drop-menu': DropMenu,
}

代码示例

基础用法

<fe-drop-menu
  :option="option1"
  ref="dropOut1"
  @close="close('1')"
  @dropChange="change"
  :isFoot="false"
>
  <div class="drop-header">
    <fe-button type="primary" @click.native="clickBtn('1')">基础用法</fe-button>
  </div>
</fe-drop-menu>

使用全部参数

<fe-drop-menu
  :option="option2"
  ref="dropOut2"
  @close="close('2')"
  confirmText="确认"
  resetText="重置"
  confirmColor="red"
  selectColor="red"
  selectIconColor="red"
  selectBg="pink"
  listRadius="4px"
  @dropChange="change"
>
  <div class="drop-header">
    <fe-button type="primary" @click.native="clickBtn('2')">使用全部参数</fe-button>
  </div>
</fe-drop-menu>

单选

<fe-drop-menu
  :option="option4"
  ref="dropOut4"
  @close="close('4')"
  :isFoot="false"
  :isRadio="true"
  @dropChange="change1"
>
  <div class="drop-header">
    <fe-button type="primary" @click.native="clickBtn('4')">单选</fe-button>
  </div>
</fe-drop-menu>

向上展开

<fe-drop-menu
  :option="option3"
  ref="dropOut3"
  @close="close('3')"
  direction="up"
  @dropChange="change1"
>
  <div class="drop-header">
    <fe-button type="primary" @click.native="clickBtn('3')">向上展开</fe-button>
  </div>
</fe-drop-menu>

Props

Events

Slots