Ele-admin-layouts NPM

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

Overview

微信截图_20210330200151.png

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