vue-como-login

• 基于element ui的后台管理登录界面组件
• 此组件是基于vue2.0的

组件安装

npm install vue-como-login

组件使用

import vueComoLogin from 'vue-como-login';
import 'vue-como-login/vue-como-login.css';
Vue.use(vueComoLogin);
//组件中使用
<vue-como-login></vue-como-login>

组件说明

组件属性

| 属性名 | 说明 | 类型 | 默认值 | | ------------ | ------------ |------------ | ------------ | | title | 标题 | string|思智捷科技数据管理系统 | | title_bgcolor | 标题颜色 |string| #000000 十六进制颜色 | | version | 系统版本号 | string| 1.0.0 | | show_verify_code | 是否显示验证码 |boolean | false | | verify_code_url | 验证码地址 |string|空 须服务器响应正确的图片类型数据 | | show_logo | 是否显示logo| boolean | false | | logo_image_url | logo图片地址|string | 如果是显示logo 请传入logo地址 | | loginbg_image_url | 登录背景图片地址| string | 默认图片,点我查看 | | login_footer_desc | 底部描述信息 |string| 温馨提示：请不要使用IE浏览器,本系统不支持IE浏览器,建议您使用360极速浏览器或chrome浏览器 | | show_footer_desc | 是否显示底部描述|boolean | false | | account_label | 账号提示标签|string | 管理员账号 | | password_label | 密码提示标签|string | 管理员密码 | | account_placeholder | 账号提示文案|string | 请输入管理员账号 | | password_placeholder | 密码提示文案|string | 请输入管理员密码 | | verify_label | 验证码标签|string | 输入验证码 （如果show_verify_code为true生效） | | verify_placeholder | 验证码提示文案|string | 请输输入验证码 （如果show_verify_code为true生效） | | submit_title | 提交按钮名称|string | 立即登录 | | reset_title | 重置按钮名称|string | 重新填写 |

组件事件

| 属性名 | 说明 | 参数 | | ------------ | ------------ | ------------ | | submit | 用户点击登录触发 |data |

组件方法

| 属性名 | 说明 | 参数 | | ------------ | ------------ | ------------ | | reset_account | 重新填写内容 | - |

更新日志

2021年1月23日

• 规范了命名方式,更新符合cdn引入
• 修复已知的bug