## win-component

> win-component for NIS6.0 （定制组件）

开发者邮箱： 2331767972@qq.com

### 安装

#### npm 安装

```
npm install win-component -save
```
#### 引入win-component

在 main.js 中写入以下内容

```
import winComponent from 'win-component';
Vue.use(winComponent);
```


### 组件

#### login 登录

##### 基础用法

```
<win-login @submit="submit"></win-login>
```
##### Attributes：

参数 | 说明  | 类型 | 可选值 | 默认值
---|---|---|---|---
isRememberPsd | 是否记住密码 | Boolean | | true
isPasswordError | 是否是错误密码  | Boolean |  | false

##### events:

事件名称 | 说明  | 回调函数
---|---|---
submit | 点击登录回调函数 |  params：username, password, isRememberPsd



#### header 头部

##### 基础用法：

```html
<win-header title="工作台" messages="66" account="张三"></win-header>
```
##### Attributes：

参数 | 说明  | 类型 | 可选值 | 默认值
---|---|---|---|---
title | 标题 | string | | 工作台
messages | 消息数  | number |  | 0
account | 账户名称  | string |  | 用户名
routeUrl | 点击logo链接地址  | string |  | '/'

##### events:

事件名称 | 说明  | 回调函数
---|---|---
on-click | 点击消息回调事件 |
skin-change | 点击换肤回调事件 |


#### footer 底部

```html
<win-footer></win-footer>
```