atui
Version:
components built with Vue.js
47 lines (38 loc) • 648 B
Markdown
order: 0
title:
zh-CN: 基本
en-US: Type
## zh-CN
通过名为`dropdown-menu`的slot来自定义弹出层
## en-US
````jsx
<v-dropdown>
<div>
点击显示菜单 <icon type="down"></icon>
</div>
<ul slot="dropdown-menu">
<li><a>选项一</a></li>
<li><a>选项二</a></li>
<li><a>选项三</a></li>
<li role="separator" class="atui-dropdown-divider"></li>
<li><a href="#">其它</a></li>
</ul>
</v-dropdown>
````
````vue-script
new Vue({
el: 'body',
components: {
vDropdown: atui.Dropdown,
icon: atui.Icon
},
data: {
},
methods: {
closeDropdown () {
}
}
})
````