vue（el-button的五种类型，三种css格式）

在写一个系统的css文件的时候，发现了不同类型的button的初始颜色不同，为了完美的使button的颜色和背景的颜色相映照，就去搜了一下，小做总结，为以后的使用做准备。

<div><el-button><span>默认按钮</span></el-button><el-button type="primary"><span>主要按钮</span></el-button><el-button type="success"><span>成功按钮</span></el-button><el-button type="info"><span>信息按钮</span></el-button><el-button type="warning"><span>警告按钮</span></el-button><el-button type="danger"><span>危险按钮</span></el-button></div>

  <div style="margin: 20px 0"><el-button><span>朴素按钮</span></el-button><el-button type="primary"><span>主要按钮</span></el-button><el-button type="success"><span>成功按钮</span></el-button><el-button type="info"><span>信息按钮</span></el-button><el-button type="warning"><span>警告按钮</span></el-button><el-button type="danger"><span>危险按钮</span></el-button></div>

  <div><el-button round><span>圆形按钮</span></el-button><el-button type="primary" round><span>主要按钮</span></el-button><el-button type="success" round><span>成功按钮</span></el-button><el-button type="info" round><span>信息按钮</span></el-button><el-button type="warning" round><span>警告按钮</span></el-button><el-button type="danger" round><span>危险按钮</span></el-button></div>

需要的话自取，如果说要记的话，可以记一下下面这几点。
a.round设置圆边按钮
b.
默认白
主要蓝 primary
成功绿 success
信息灰 info
警告橘黄 warning
危险红 danger

每天都会有奇迹。
——阿甘正传

在学习的过程中，自学为主的话，可以推荐你去看看element的官网，比我这里全哦，这里送上链接:
elementUI

vue（el-button的五种类型，三种css格式）相关推荐

Ringtone的两种类型三种形式
文章目录 Ringtone 的两中类型三种形式两种类型三种形式 1 最常见的uri形式 2 Settings数据库中的uri形式 3 Android 4.4以后增加了document uri 返回 ...
python程序的三种基本结构是_Python程序设计实验五- 综合运用三种基本结构进行程序设计...
安徽工程大学 [Python程序设计]实验报告班级 :物流192 姓名:刘娇阳学号:3190505213 成绩: 日期:2020.4.24 指导老师 :修宇 [实验名称]实验五综合运用三种基本结 ...
vue中实现路由跳转的三种方式（超详细整理）
vue中实现路由跳转的三种方式一.使用vue-router vue-router 本质是一个第三方的包用的时候需要下载步骤 (7步法 ): 下载vue-router模块到当前工程 yarn ad ...
htc one android版本,四种版本三种双卡行货版HTC One发布
四种版本三种双卡行货版HTC One真机试玩和国际版HTC One不同的是,中国大陆的用户会意外的发现,行货版的HTC One不仅支持中国的三大3G网络,而且均增加了双卡双待的功能,当然还有一个支 ...
html的文档类型三种,XHTML文档类型
xhtml1.0支持三种DTD(文档类型定义)声明:过渡性(Transitional).严格型(Strict)和框架型(Frameset). 过渡型过渡型文档类型对于标签和属性的语法要求不是很严格, ...
html文档类型三种,XHTML DTD三种文件类型声明
XHTML 1.0 的三种 XML 文档类型 XHTML 1.0 规定了三种 XML 文档类型,以对应上述三种 DTD. XHTML 1.0 Strict 严格如果您打算严格使用层叠样式表(CSS) ...
vue v-html字体大小修改,详解三种方式解决vue中v-html元素中标签样式
Vue为v-html中标签添加CSS样式 {{news.title}} {{news.datetime}} 返回列表当我们使用v-html渲染页面,使用下面这种方式去修改样式并没有效果, .con{ ...
vue 加载动态图片出错的三种解决方法
由于解析问题,通常直接引用链接,图片会加载失败,通过学习,整理出以下三种解决错误的方法 <template><div class="first"><! ...
观点十五、第三种经济
在一位朋友那儿看到一幅字"种柳观生意",他告诉我,以前不解其意,后来才悟到:生意往往是无心插柳,自然而来的.2003年我在广州,当时华南MALL筹建当中,中国第一策划机构王志纲工 ...
Redis五大基本类型三种特殊数据类型事务操作（悲观锁，乐观锁）
Redis五大基本类型 Redis是一个开源(BSD许可)的,内存中的数据结构存储系统,它可以用作数据库.缓存和消息中间件.它支持多种类型的数据结构,如字符串(strings),散列(hashes) ...

vue（el-button的五种类型，三种css格式）

vue（el-button的五种类型，三种css格式）相关推荐

最新文章

热门文章