1.0.9 • Published 5 years ago
vue-como-login v1.0.9
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