kit-web

基于 adminLTE 和 vue 的web库。

安装

npm i kit-web -S

安装强依赖

npm i admin-lte bootstrap@3 font-awesome -S

引入 KitWeb

你可以引入整个 KitWeb，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 KitWeb。

import Vue from 'vue'
import App from './App.vue'

// 引入css
import 'kit-web/kit-web.css';
// 引入kit-web
import KitWeb from 'kit-web';

// 添加到Vue
Vue.use(KitWeb);

引入依赖css文件

// 引入css
import 'font-awesome/css/font-awesome.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'admin-lte/dist/css/AdminLTE.min.css';
import 'admin-lte/dist/css/skins/_all-skins.css';

组件中使用

<template>
  <kit-container>
  	<kit-main>
      你好
    </kit-main>
  </kit-container>
</template>