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 >
<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>
改变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>
需要的话⾃取,如果说要记的话,可以记⼀下下⾯这⼏点。
b.
默认⽩
主要蓝 primary
成功绿 success
信息灰 info
警告橘黄 warning
危险红 danger
每天都会有奇迹。
——阿⽢正传
在学习的过程中,⾃学为主的话,可以推荐你去看看element的官⽹,⽐我这⾥全哦,这⾥送上链接:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。