48 lines
1.8 KiB
Vue
48 lines
1.8 KiB
Vue
<template>
|
|
<div>
|
|
<Dropdown trigger="hover">
|
|
<a href="javascript:void(0)">
|
|
下拉菜单
|
|
<Icon type="ios-arrow-down"></Icon>
|
|
</a>
|
|
<DropdownMenu slot="list">
|
|
<DropdownItem>驴打滚</DropdownItem>
|
|
<DropdownItem selected>炸酱面</DropdownItem>
|
|
<DropdownItem disabled>豆汁儿</DropdownItem>
|
|
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
<DropdownItem divided>北京烤鸭</DropdownItem>
|
|
</DropdownMenu>
|
|
</Dropdown>
|
|
<Dropdown trigger="click">
|
|
<a href="javascript:void(0)">
|
|
下拉菜单
|
|
<Icon type="ios-arrow-down"></Icon>
|
|
</a>
|
|
<DropdownMenu slot="list">
|
|
<DropdownItem>驴打滚</DropdownItem>
|
|
<DropdownItem selected>炸酱面</DropdownItem>
|
|
<DropdownItem disabled>豆汁儿</DropdownItem>
|
|
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
<DropdownItem divided>北京烤鸭</DropdownItem>
|
|
</DropdownMenu>
|
|
</Dropdown>
|
|
<Dropdown trigger="contextMenu">
|
|
<a href="javascript:void(0)">
|
|
下拉菜单
|
|
<Icon type="ios-arrow-down"></Icon>
|
|
</a>
|
|
<DropdownMenu slot="list">
|
|
<DropdownItem>驴打滚</DropdownItem>
|
|
<DropdownItem>炸酱面</DropdownItem>
|
|
<DropdownItem disabled>豆汁儿</DropdownItem>
|
|
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
<DropdownItem divided>北京烤鸭</DropdownItem>
|
|
</DropdownMenu>
|
|
</Dropdown>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
|
|
}
|
|
</script>
|