ele-admin-layouts

基于Vue.js 2.0与element-ui实现的系统模板layouts

Overview

Install

 npm install ele-admin-layouts -S

Quick Start

 import Layouts from 'ele-admin-layouts'
import 'ele-admin-layouts/src/styles/index.scss'
Vue.use(Layouts)

Browser Support

Modern browsers and Internet Explorer 10+.

Components

Layout

示例

 <eal-layout :routes="routes">
  	<template v-slot:header-right>
      <div class="header-right">
        <div class="user">
          <span>欢迎您，admin</span>
        </div>
        <el-button size="mini" class="logout-btn" plain>注销</el-button>
      </div>
    </template>
</eal-layout>

参数

参数	说明	类型	可选值	默认值
routes	路由数据(用作侧边栏及页签展示)	array	——	——
visibleLogo	是否展示侧边栏logo	boolen	——	true
sidebarWidth	侧边栏宽度	number	——	220
visibleCollapseSidebar	是否展示侧边栏伸缩按钮	boolen	——	false
visibleCollapseHeader	是否展示Header伸缩按钮	boolen	——	true
visibleBreadcrumb	是否展示Header面包屑	boolen	——	true
visibleTabs	是否展示页签	boolen	——	true
visibleRefresh	是否展示路由页面刷新	boolen	——	true
visibleFull	是否展示内容全屏	boolen	——	true

slot

name	说明
logo	自定义插入logo，添加后默认logo不展示
header-left	自定义头部左侧内容
header-right	自定义头部右侧内容