| | |
| | | |
| | | <template v-for="three in item.children"> |
| | | <template v-if="three.children && three.children.length > 1"> |
| | | <el-submenu :key="three.name" :index="three.path"> |
| | | <el-submenu :key="three.name" :index="three.path" class="titles_two"> |
| | | <template slot="title"> |
| | | <span>{{three.meta.title}}</span> |
| | | </template> |
| | |
| | | </el-submenu> |
| | | </template> |
| | | <template v-else-if="three.children && three.children.length === 1"> |
| | | <el-menu-item :index="three.children[0].path" :key="three.children[0].name"> |
| | | <el-submenu :key="three.name" :index="three.path"> |
| | | <template slot="title"> |
| | | <span>{{three.meta.title}}</span> |
| | | </template> |
| | | <el-menu-item :index="three.children[0].path" :key="three.children[0].name">{{three.children[0].meta.title}}</el-menu-item> |
| | | </el-submenu> |
| | | <!-- <el-menu-item :index="three.children[0].path" :key="three.children[0].name"> |
| | | <span slot="title">{{three.children[0].meta.title}}</span> |
| | | </el-menu-item> |
| | | </el-menu-item> --> |
| | | </template> |
| | | <template v-else> |
| | | <el-menu-item :index="three.path" :key="three.name"> |
| | |
| | | } |
| | | } |
| | | |
| | | .titles_two{ |
| | | padding-left: 15px; |
| | | } |
| | | |
| | | /deep/ .el-menu { |
| | | border-right: 0; |
| | | } |
| | |
| | | } |
| | | |
| | | /deep/ .el-menu-item.is-active { |
| | | padding-left: 45px!important; |
| | | position: relative; |
| | | margin-left: 10px; |
| | | color: #3DC8FF; |