<!DOCTYPE html>
<html>
   <head>
      <title></title>
      <#include "/include/head-file.ftl"/>
   </head>
   <body>
      <div id="app">
         <el-container>
            <!--左侧-->
            <el-aside width="140px">
               <div class="weixin">
                  <i></i> 吕小布微信号
               </div>
               <el-menu class="ms-admin-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-submenu>
               </el-menu>
            </el-aside>
            <el-main>
               <el-container>
                  <el-header>

                  </el-header>
                  <el-main>
                  	
                  </el-main>
               </el-container>
            </el-main>
         </el-container>
      </div>
   </body>
</html>

<script>
   new Vue({
      el: "#app",
      data: {
         menuList: [{
            title: '图文素材',
            sub: [{
               title: '图文'
            }, {
               title: '图片'
            }],
         }, {
            title: '自定义菜单',
            sub: [{
               title: '文章管理'
            }, {
               title: '栏目管理'
            }]
         }, {
            title: '自动回复',
            sub: [{
               title: '关注时回复'
            }, {
               title: '消息回复'
            }, {
               title: '关键字回复'
            }]
         }, ], //左侧导航列表
      }
   })
</script>