有了小程序流程以后_Element Badge标记的使用方法

2021-01-05

Element Badge标记的使用方法     .   这篇文章主要介绍了Element Badge标记的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

 el-badge :value="12" 
 el-button size="small" 评论 /el-button 
 /el-badge 
 el-badge :value="3" 
 el-button size="small" 回复 /el-button 
 /el-badge 
 el-badge :value="1" type="primary" 
 el-button size="small" 评论 /el-button 
 /el-badge 
 el-badge :value="2" type="warning" 
 el-button size="small" 回复 /el-button 
 /el-badge 
 el-dropdown trigger="click" 
 span 
 点我查看 i /i 
 /span 
 el-dropdown-menu slot="dropdown" 
 el-dropdown-item 
 el-badge :value="12" / 
 /el-dropdown-item 
 el-dropdown-item 
 el-badge :value="3" / 
 /el-dropdown-item 
 /el-dropdown-menu 
 /el-dropdown 
 style 
.item {
 margin-top: 10px;
 margin-right: 40px;
 /style 

最大值

 el-badge :value="200" :max="99" 
 el-button size="small" 评论 /el-button 
 /el-badge 
 el-badge :value="100" :max="10" 
 el-button size="small" 回复 /el-button 
 /el-badge 
 style 
.item {
 margin-top: 10px;
 margin-right: 40px;
 /style 

自定义内容

 el-badge value="new" 
 el-button size="small" 评论 /el-button 
 /el-badge 
 el-badge value="hot" 
 el-button size="small" 回复 /el-button 
 /el-badge 
 style 
.item {
 margin-top: 10px;
 margin-right: 40px;
 /style 

小红点

 el-badge is-dot 数据查询 /el-badge 
 el-badge is-dot 
 el-button icon="el-icon-share" type="primary" /el-button 
 /el-badge 
 style 
.item {
 margin-top: 10px;
 margin-right: 40px;
 /style 

Attributes

到此这篇关于Element Badge标记的使用方法的文章就介绍到这了,更多相关Element Badge标记内容请搜索凡科以前的文章或继续浏览下面的



扫描二维码分享到微信

在线咨询
联系电话

400-888-8866