win-component

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

开发者邮箱： [email protected]

安装

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 头部

基础用法：

<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 底部

<win-footer></win-footer>