vue中(el-button的五种类型,三种css格式)_vue.js_

vue(el-button五种类型,三种css格式)

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

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

朴素按钮主要按钮成功按钮信息按钮警告按钮危险按钮

圆形按钮主要按钮成功按钮信息按钮警告按钮危险按钮

需要的话自取，如果说要记的话，可以记一下下面这几点。

a.round设置圆边按钮

b.

• 默认白
• 主要蓝 primary
• 成功绿 success
• 信息灰 info
• 警告橘黄 warning
• 危险红 danger

vue中的样式

常见的样式 :

• ① : 行内样式
• ② : 在style中书写样式

实例一

使用v-bind给class设置一个数组样式

代码

我是一个div

截图

实例二

使用三元运算符来控制样式

代码

我是一个div

截图

当flag 为true时

当flag 为false时

实例三

通过点击事件改变div的颜色 , 大小 , 背景颜色

代码

我是一个div
点击我

截图

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！