29 lines
843 B
Vue
29 lines
843 B
Vue
<template>
|
|
<tiny-dropdown>
|
|
<span>默认插槽</span>
|
|
<template #suffix-icon>
|
|
<tiny-icon-ascending></tiny-icon-ascending>
|
|
</template>
|
|
<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 divided>蚵仔煎</tiny-dropdown-item>
|
|
</tiny-dropdown-menu>
|
|
</template>
|
|
</tiny-dropdown>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { iconAscending } from '@opentiny/vue-icon'
|
|
import {
|
|
Dropdown as TinyDropdown,
|
|
DropdownMenu as TinyDropdownMenu,
|
|
DropdownItem as TinyDropdownItem
|
|
} from '@opentiny/vue'
|
|
|
|
const TinyIconAscending = iconAscending()
|
|
</script>
|