Files
mes-ui-d2/src/pages/demo/components/contextmenu/group.vue
liyang b67042e896 no message
Former-commit-id: ad63cd5fd5e85738aa95778f9e983e966eea14b4 [formerly ad63cd5fd5e85738aa95778f9e983e966eea14b4 [formerly ad63cd5fd5e85738aa95778f9e983e966eea14b4 [formerly ad63cd5fd5e85738aa95778f9e983e966eea14b4 [formerly 466daa485c8c6e983effaf78b0839ed0f7765c05 [formerly befe4f25ec103d6a47ef638dd17cc546bffc56b1]]]]]
Former-commit-id: ab6e5359a5d7d09368d48b5af8a3b3ac6322a121
Former-commit-id: f898d4151a06defb4a77ad97bdee31f2b282f60d
Former-commit-id: 1bcb656246cacfb971bf8426a91e209d6885f48e [formerly 2e2d413be5c842997cdaadfb439121bfddb2c328]
Former-commit-id: 641c6c2132e07bdbce4b396ff52722aaded28680
Former-commit-id: 5f555945cb920791434b8757f7fca83fa919d6cd
Former-commit-id: 40124850c21514e7fee566adf13a160f315671fb
Former-commit-id: 51e1186ba977918f85eb42aeff723f7aa86684f2
Former-commit-id: 56e5c5b56ea0ef2f59504ad7b41ce4a40a015311
2018-06-19 23:35:29 +08:00

30 lines
1.2 KiB
Vue

<template>
<d2-container>
<template slot="header">分割线</template>
<v-contextmenu ref="contextmenu">
<v-contextmenu-group>
<v-contextmenu-item>菜单1</v-contextmenu-item>
<v-contextmenu-item>菜单2</v-contextmenu-item>
<v-contextmenu-item>菜单3</v-contextmenu-item>
</v-contextmenu-group>
<v-contextmenu-item divider></v-contextmenu-item>
<v-contextmenu-group>
<v-contextmenu-item><d2-icon class="contextmenu-icon" name="github"/></v-contextmenu-item>
<v-contextmenu-item><d2-icon class="contextmenu-icon" name="qq"/></v-contextmenu-item>
<v-contextmenu-item><d2-icon class="contextmenu-icon" name="weixin"/></v-contextmenu-item>
<v-contextmenu-item><d2-icon class="contextmenu-icon" name="google-plus"/></v-contextmenu-item>
</v-contextmenu-group>
<v-contextmenu-item divider></v-contextmenu-item>
<v-contextmenu-item>菜单4</v-contextmenu-item>
<v-contextmenu-item>菜单5</v-contextmenu-item>
</v-contextmenu>
<div class="contextmenu-pad" v-contextmenu:contextmenu>
右键点击此区域
</div>
</d2-container>
</template>
<style lang="scss" scoped>
@import './style/pub.scss';
</style>