nek-ui

nek-ui 是一个基于 Regularjs 的组件库,主要用于中后台系统

引入 nek-ui

  1. npm i regularjs@0.4.3 nek-ui -S
  1. import NEKUI from 'nek-ui'
    import 'node_modules/nek-ui/dist/css/nek-ui.default.min.css'

或者直接在需要引入的页面上

  1. <link rel="stylesheet" href="//unpkg.com/nek-ui/dist/css/nek-ui.default.min.css">
    <script type="text/javascript" src="//unpkg.com/nek-ui/dist/vendor/regular.min.js"></script>
    <script type="text/javascript" src="//unpkg.com/nek-ui/dist/js/nek-ui.min.js"></script>

以这种内嵌 Script 方式引入的时候 NEKUI 会自动挂在 Window 上

使用 nek-ui

由于使用 NEIUI 的组件需要先注册,我们可以在工程里面的 BaseComponent 里面使用 NKEIUI 暴露出来的一个 install 方法来将组件注册到 BaseComponent 上,这样继承自 BaseComponent 的组件就可以直接在模板里面使用组件了

  1. import { install } from 'nek-ui';
    import Regular from 'regularjs';
    const BaseComponent = Regular.extend({
    //
    });
    install(Regular);

如果不想将 NEKUI 的组件全部注册到全局上,或者是自己已有的组件和 NEKUI 里面的组件命名冲突,也可以手动的注册想要使用的组件到 Regular 实例上

  1. var Component = BaseComponent.extend({}).component('tooltip', NEKUI.Tooltip)