Element-UI简介

目录

安装

常用组件

Container 布局容器

Button 按钮

MessageBox 弹框

Form 表单验证


element-ui是一个前端的ui框架,封装了很多已经写好的ui组件,例如表单组件,布局组件,表格组件.......是一套桌面端组件。

Element - 网站快速成型工具icon-default.png?t=N6B9https://element.eleme.cn/2.13/#/zh-CN

安装

1.使用npm进行安装或是引入样式

npm i element-ui -S




2.在main.js中进行配置

Element-UI简介_第1张图片 

常用组件

Container 布局容器

可以自定义样式

:外层容器。当子元素中包含  或  时,全部子元素会垂直上下排列,否则会水平左右排列。

:顶栏容器。

:侧边栏容器。

:主要区域容器。

:底栏容器。

Element-UI简介_第2张图片 

Button 按钮

  默认按钮
  主要按钮
  成功按钮
  信息按钮
  警告按钮
  危险按钮

 也可以修改样式

  
  
  
  
  
  

 

MessageBox 弹框

模拟系统的消息提示框而实现的一套模态对话框组件,用于消息提示、确认消息和提交内容。



Element-UI简介_第3张图片 

Form 表单验证

在防止用户犯错的前提下,尽可能让用户更早地发现并纠正错误。 

Element-UI简介_第4张图片

你可能感兴趣的:(ui,vue.js,javascript,前端)