add Dropdown component
add Dropdown component
This commit is contained in:
parent
0f4ccf4486
commit
ab8aaf958a
13 changed files with 235 additions and 4 deletions
33
test/routers/dropdown.vue
Normal file
33
test/routers/dropdown.vue
Normal file
|
@ -0,0 +1,33 @@
|
|||
<style>
|
||||
body{
|
||||
padding: 50px;
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<Dropdown trigger="click" align="right" @on-click="click">
|
||||
<i-button type="primary">
|
||||
下拉菜单
|
||||
<Icon type="arrow-down-b"></Icon>
|
||||
</i-button>
|
||||
<Dropdown-menu slot="list">
|
||||
<Dropdown-item>张三</Dropdown-item>
|
||||
<Dropdown-item disabled>李四</Dropdown-item>
|
||||
<Dropdown-item>王五</Dropdown-item>
|
||||
<Dropdown-item divided>周六</Dropdown-item>
|
||||
</Dropdown-menu>
|
||||
</Dropdown>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {},
|
||||
data () {
|
||||
return {}
|
||||
},
|
||||
computed: {},
|
||||
methods: {
|
||||
click (key) {
|
||||
console.log(key)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue