<fish-menu default-active="2">
<fish-option index="0" content="Jack"></fish-option>
<fish-option index="1" content="Lucy"></fish-option>
<fish-option index="2" content="Active"></fish-option>
<fish-option index="3" disabled content="disabled"></fish-option>
<fish-option index="4" content="Active"></fish-option>
<fish-option index="5" content="Active"></fish-option>
<fish-option index="6" content="Active"></fish-option>
</fish-menu>
<fish-menu mode="horizontal" defaultActive="1">
<fish-option index="0" content="Content"></fish-option>
<fish-option index="1" content="User"></fish-option>
<fish-option index="2" content="Tongji"></fish-option>
<fish-submenu index="3">
<template slot="title">submenu</template>
<fish-option index="3-0" content="Jack"></fish-option>
<fish-option index="3-1" content="Lucy"></fish-option>
<fish-option index="3-2" content="Active"></fish-option>
<!--<fish-option index="3-3">Option-3</fish-option>-->
<fish-submenu index="3-3">
<template slot="title">submenu-3</template>
<fish-option index="3-3-0" content="Jack"></fish-option>
<fish-option index="3-3-1" content="Lucy"></fish-option>
<fish-option index="3-3-2" content="Active"></fish-option>
</fish-submenu>
<fish-option index="3-4" content="Option-4">Option-4</fish-option>
<fish-option index="3-5" content="Option-5">Option-5</fish-option>
</fish-submenu>
</fish-menu>
<fish-menu style="width: 200px;">
<fish-submenu index="0">
<template slot="title">submenu</template>
<fish-option index="0-0" content="Jack"><a href="http://www.baidu.com">Jack Go</a></fish-option>
<fish-option index="0-1" content="Lucy"></fish-option>
<fish-option index="0-2" content="Active"></fish-option>
<fish-submenu index="0-3">
<template slot="title">submenu-3</template>
<fish-option index="0-3-0" content="Jack"></fish-option>
<fish-option index="0-3-1" content="Lucy"></fish-option>
<fish-option index="0-3-2" content="Active"></fish-option>
</fish-submenu>
</fish-submenu>
<fish-option index="1" content="Lucy"></fish-option>
<fish-option index="2" content="Active"></fish-option>
<fish-option index="3" disabled content="disabled"></fish-option>
</fish-menu>
<fish-menu mode="inline" style="width: 200px;" defaultActive="3-3-0">
<fish-option index="0" content="Content"></fish-option>
<fish-submenu index="1" mode="inline">
<template slot="title">User</template>
<fish-option index="1-0" content="Jack"></fish-option>
<fish-option index="1-1" content="Lucy"></fish-option>
<fish-option index="1-2" content="Active"></fish-option>
</fish-submenu>
<fish-option index="2" content="Tongji"></fish-option>
<fish-submenu index="3" mode="inline">
<template slot="title">submenu</template>
<fish-option index="3-0" content="Jack"></fish-option>
<fish-option index="3-1" content="Lucy"></fish-option>
<fish-option index="3-2" content="Active"></fish-option>
<fish-submenu index="3-3" mode="inline">
<template slot="title">submenu-3</template>
<fish-option index="3-3-0" content="Jack"></fish-option>
<fish-option index="3-3-1" content="Lucy"></fish-option>
<fish-option index="3-3-2" content="Active"></fish-option>
</fish-submenu>
</fish-submenu>
</fish-menu>
<fish-menu>
<fish-optgroup label="Manager">
<fish-option index="jack" content="Jack"></fish-option>
<fish-option index="lucy" content="Lucy"></fish-option>
</fish-optgroup>
<fish-optgroup label="Engineer">
<fish-option index="y1" content="Yiminghe"></fish-option>
<fish-option index="y2" content="Yiminghe2"></fish-option>
</fish-optgroup>
</fish-menu>
| {{column}} |
|---|
| {{column}} |
|---|
| {{column}} |
|---|
| {{column}} |
|---|