@ctsy/element v0.0.6

element

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

倒计时组件-局部组件

基于 ElementUI el-button 二次封装

import TimeOut from "../Base/TimeOutButton.vue";

<TimeOut></TimeOut>;

Component({
  components: {
    TimeOut,
  },
});

表单校验库

• 校验库中的方法：基于自定义的一套验证方法
• 校验库中的正则：基于自定义的正则库
• 注意：此校验库只适用于 ElementUI Form 校验
• 引入：import ElementFormRules from "@/lib/ElementFormRules/index";
• 使用：const ERules = ElementFormRules.defalultRules;

忘记密码组件-全局组件

• 说明：集成 ElementUI form 表单 Rule 校验

slot:{
    default:默认插槽 可自定义
    email:具名插槽
}

Props:{
 Size： 输入框大小 参考 elementui
}

emit:{
    cancel:返回 fasle 隐藏dialog
success:找回密码成功之后的回调
error:找回密码失败之后的回调
}

<CtsyForget></CtsyForget>

登录组件-全局组件

• 说明：集成 ElementUI form 表单 Rule 校验

prop:{
    Size:输入框大小 参考elementui

}

emit:{
    cancel:返回 fasle 隐藏dialog
    success:登录成功之后的回调 返回登录成功之后的信息
    error:登录失败之后的回调
}

<CtsyLogin></CtsyLogin>

注册组件-全局组件

• 说明：集成 ElementUI form 表单 Rule 校验

slot{
    default:默认 可以自定义
    avatar:头像
    button:底部按钮块
}

props:{
    Size:输入框大小 参考elementui
registerProps:{  //是否显示头像上传 电话号码验证 邮箱验证
    Avatar: false,
    IsPhone: true,
    IsEmail: false

    }
}

emit:{
    cancel:返回 fasle 隐藏dialog
    success:注册成功之后的回调 ,
  error:注册失败后的回调
}
<CtsyRegister></CtsyRegister>

集成 login,register,forget 组件 -全局组件

    props:{
        visible:是否显示dialog
    }

    emit{
        input:返回dialog viseble 状态
    }


<CtsyUserModule></CtsyUserModule>