You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.6 KiB
57 lines
1.6 KiB
<link rel="stylesheet" href="../../../static/mweixin/css/menu.css"> |
|
|
|
<div id="menu-vue"> |
|
<!--左侧--> |
|
<el-container> |
|
<!--右侧头部--> |
|
<el-header height="50px"> |
|
<div class="ms-admin-title"> |
|
<i></i> 吕小布微信号 |
|
</div> |
|
</el-header> |
|
<el-main> |
|
<el-menu class="ms-weixin-menu" default-active="0"> |
|
<el-submenu :index="i+''" v-for="(menu,i) in menuList" @click="menuActive = menu"> |
|
<template slot="title"> |
|
<span v-text="menu.title"></span> |
|
</template> |
|
<el-menu-item-group> |
|
<el-menu-item class="ms-weixin-menu-item" :index="i+'-'+index" v-for="(sub,index) in menu.sub" v-text="sub.title"></el-menu-item> |
|
</el-menu-item-group> |
|
</el-submenu> |
|
</el-menu> |
|
</el-main> |
|
</el-container> |
|
</div> |
|
|
|
<script> |
|
var menuVue = new Vue({ |
|
el: "#menu-vue", |
|
data: { |
|
menuList: [{ |
|
title: '图文素材', |
|
sub: [{ |
|
title: '图文' |
|
}, { |
|
title: '图片' |
|
}], |
|
}, { |
|
title: '自定义菜单', |
|
sub: [{ |
|
title: '文章管理' |
|
}, { |
|
title: '栏目管理' |
|
}] |
|
}, { |
|
title: '自动回复', |
|
sub: [{ |
|
title: '关注时回复' |
|
}, { |
|
title: '消息回复' |
|
}, { |
|
title: '关键字回复' |
|
}] |
|
}, ], //左侧导航列表 |
|
} |
|
}) |
|
</script> |