mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 18:01:24 +08:00
40 lines
1.5 KiB
Vue
40 lines
1.5 KiB
Vue
|
<template>
|
||
|
|
<el-menu
|
||
|
|
ellipsis
|
||
|
|
class="el-menu-popper-demo"
|
||
|
|
mode="horizontal"
|
||
|
|
:popper-offset="16"
|
||
|
|
style="width: 600px"
|
||
|
|
>
|
||
|
|
<el-menu-item index="1">Processing Center</el-menu-item>
|
||
|
|
<el-sub-menu index="2">
|
||
|
|
<template #title>Workspace</template>
|
||
|
|
<el-menu-item index="2-1">item one</el-menu-item>
|
||
|
|
<el-menu-item index="2-2">item two</el-menu-item>
|
||
|
|
<el-menu-item index="2-3">item three</el-menu-item>
|
||
|
|
<el-sub-menu index="2-4">
|
||
|
|
<template #title>item four</template>
|
||
|
|
<el-menu-item index="2-4-1">item one</el-menu-item>
|
||
|
|
<el-menu-item index="2-4-2">item two</el-menu-item>
|
||
|
|
<el-menu-item index="2-4-3">item three</el-menu-item>
|
||
|
|
</el-sub-menu>
|
||
|
|
</el-sub-menu>
|
||
|
|
<el-sub-menu index="3" :popper-offset="8">
|
||
|
|
<template #title>Override Popper Offset</template>
|
||
|
|
<el-menu-item index="3-1">item one</el-menu-item>
|
||
|
|
<el-menu-item index="3-2">item two</el-menu-item>
|
||
|
|
<el-menu-item index="3-3">item three</el-menu-item>
|
||
|
|
<el-sub-menu index="3-4" :popper-offset="20">
|
||
|
|
<template #title>override child</template>
|
||
|
|
<el-menu-item index="3-4-1">item one</el-menu-item>
|
||
|
|
<el-menu-item index="3-4-2">item two</el-menu-item>
|
||
|
|
<el-menu-item index="3-4-3">item three</el-menu-item>
|
||
|
|
</el-sub-menu>
|
||
|
|
</el-sub-menu>
|
||
|
|
<el-menu-item index="4" disabled>Info</el-menu-item>
|
||
|
|
<el-menu-item index="5">Orders</el-menu-item>
|
||
|
|
</el-menu>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup></script>
|