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