forked from opentiny/tiny-vue
46 lines
1.3 KiB
Vue
46 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<tiny-dropdown>
|
|
<span>下拉菜单</span>
|
|
<template #dropdown>
|
|
<tiny-dropdown-menu>
|
|
<tiny-dropdown-item>黄金糕</tiny-dropdown-item>
|
|
<tiny-dropdown-item>狮子头</tiny-dropdown-item>
|
|
<tiny-dropdown-item>螺蛳粉</tiny-dropdown-item>
|
|
<tiny-dropdown-item disabled>不能选择</tiny-dropdown-item>
|
|
<tiny-dropdown-item>蚵仔煎</tiny-dropdown-item>
|
|
</tiny-dropdown-menu>
|
|
</template>
|
|
</tiny-dropdown>
|
|
|
|
<br />
|
|
<br />
|
|
<br />
|
|
|
|
<tiny-dropdown disabled>
|
|
<span>下拉菜单</span>
|
|
<template #dropdown>
|
|
<tiny-dropdown-menu>
|
|
<tiny-dropdown-item>黄金糕</tiny-dropdown-item>
|
|
<tiny-dropdown-item>狮子头</tiny-dropdown-item>
|
|
<tiny-dropdown-item>螺蛳粉</tiny-dropdown-item>
|
|
<tiny-dropdown-item>双皮奶</tiny-dropdown-item>
|
|
<tiny-dropdown-item>蚵仔煎</tiny-dropdown-item>
|
|
</tiny-dropdown-menu>
|
|
</template>
|
|
</tiny-dropdown>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { Dropdown, DropdownMenu, DropdownItem } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyDropdown: Dropdown,
|
|
TinyDropdownMenu: DropdownMenu,
|
|
TinyDropdownItem: DropdownItem
|
|
}
|
|
}
|
|
</script>
|