vate-ui v0.0.1

vate-ui

• 山西易联众惠民科技创新中心研发关于日常项目UI包的集合。
• 发布于Verdaccio。

安装

npm 安装

推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。

npm install vate-ui

引入 vateUI

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

完整引入

import Vue from 'vue';
import vateUI from "vate-ui";
Vue.use(vateUI);

按需引入

按需引入的组件，组件注册方式分全局注册和局部注册两种。 下面以附件预览组件为例做说明。

全局注册

import Vue from 'vue';
import Preview from "vate-ui/lib/components/preview";
Vue.component('vate-preview', Preview);

局部注册

import Preview from "vate-ui/lib/components/preview";
new Vue({
  el: '#app',
  components: {
    'vate-preview': Preview
  }
})

按需引入，完整的组件列表

// 图标
import Icon from "vate-ui/lib/components/icon";
// 附件预览
import Preview from "vate-ui/lib/components/preview";
// 消息通知
import Notice from "vate-ui/lib/components/notice/index.js";
// 文件上传
import Upload from "vate-ui/lib/components/upload";
// vateAdmin布局组件
import RestarContainer from "vate-ui/lib/components/restar-container";
import BasicContainer from "vate-ui/lib/components/basic-container";  //（旧版，已废弃）
// 图表组件
import Echarts from "vate-ui/lib/components/echarts";
// pdf查看组件
import Pdf from "vate-ui/lib/components/pdf";
// iFrame组件，用于打开第三方外链
import Iframe from "vate-ui/lib/components/iframe";
// 卡片列表组件
import List from "vate-ui/lib/components/list";
// PC端人脸识别组件
import Veriface from "vate-ui/lib/components/veriface";