Xyx-ui NPM | npm.io

Install

npm install xyx-ui -S

Quick Start

import Vue from 'vue';
import XyxUI from 'xyx-ui';
import 'xyx-ui/lib/theme-chalk/index.css';

Vue.use(XyxUI);

### 全局配置
在引入 XyxUI 时，可以传入一个全局配置对象。
该对象目前支持 originUrl和redirectUrl。
originUrl 用于接口的域名地址。不加该配置 默认取根目录
redirectUrl 用于接口报401或403的跳转地址。不加该配置 不跳转
按照引入 XyxUI 的方式，具体操作如下：

import Vue from 'vue';
import XyxUI from 'xyx-ui';
import 'xyx-ui/lib/theme-chalk/index.css';
Vue.use(XyxUI, { originUrl: '', redirectUrl: '' });



组件的具体使用
xyxOrgTree的使用
1 orgTreeShow入参 类型布尔值 默认：false 作用：是否显示弹框
2 save关闭前的回调，会暂停弹框的关闭 类型：function(done)，done 用于关闭弹框 并抛给父组件2个值 orgIg和orgName
3 close关闭前的回调，会暂停弹框的关闭 类型：function(done)，done 用于关闭弹框 无参数
  
xyxContainer的使用
1 appCode入参 类型字符串 默认：'auth' 作用：每个项目的appCode用于获取左侧的菜单和header中显示的name
2 emailHeaderShow入参 类型布尔值 默认：false 作用：右上角邮箱的展示或隐藏

xyxMain的使用
该组件有2个插槽，其中一个为具名插槽名为bread，用于展示面包屑的内容，里面尽量放a标签。另一个为默认插槽，展示白色区域内容


特别注意
项目依赖element-ui和axios 
element-ui 请务必安装和使用 具体见element-ui文档
axios 请务必安装

For more information, please refer to Quick Start in our documentation.