tiny-vue/examples/sites/demos/mobile-first/app/dropdown/basic-usage.vue

27 lines
706 B
Vue

<template>
<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>龙须面</tiny-dropdown-item>
<tiny-dropdown-item>北京烤鸭</tiny-dropdown-item>
</tiny-dropdown-menu>
</template>
</tiny-dropdown>
</template>
<script>
import { Dropdown, DropdownMenu, DropdownItem } from '@opentiny/vue'
export default {
components: {
TinyDropdown: Dropdown,
TinyDropdownMenu: DropdownMenu,
TinyDropdownItem: DropdownItem
}
}
</script>