<script>
export default {
  data() {
    return {
        title:'华道管理系统',
        isEye:true,
    }
  },
  created() {},
  methods: {
      handleLogin(val) {
          console.log(val)
      },
      handleForget(){

      }
  }
}
</script>
<style lang="less" scoped>
  .demo-block {
    >div {
      margin-bottom: 20px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }
</style>

# 登录框组件

----
采用`element-ui`中的样式变量，简化功能，熟悉 css \(^o^)/~。

### 基础用法

- 基础的loginFrame用法

<div class="demo-block">
  <div>
      <h-loginFrame
      :sysName="title"
      :isEye="isEye"
      @handleLogin="handleLogin"
      @handleForget="handleForget">
      </h-loginFrame>
  </div>
</div>

:::demo



```html
  <div>
       <h-loginFrame
          :sysName="title"
          :isEye="isEye"
          @handleLogin="handleLogin"
          @handleForget="handleForget">
     </h-loginFrame>
  </div>
  <script>
 export default {
  data() {
    return {
        title:'',
        isEye:true
    }
  },
  created() {},
  methods: {
      handleLogin(val){

      },
      handleForget(){

      }
  }
}
</script>

```
:::
### Attributes
| 参数         | 说明                 | 类型   | 可选值 | 默认值 |
| ------------ | -------------------- | ------ | ------ | ------ |
| sysName         | 系统名称          | String  | -      | —     |
| isEye         | 显示/隐藏密码          | Boolean  | -      | false |
| companyEmail  | 邮箱账号字段名  | String | -      | companyEmail  |
| password  | 密码字段名          | String  | -      | password  |




### Events
| 事件名         | 说明             | 返回值                       |
| -------------- | ---------------- | ---------------------------- |
| @handleLogin | 登录方法 | —— |
| @handleForget | 忘记密码 | —— |
