<el-tab-pane name="first"> <span slot="label"> <span class="span-Box"> <span>最新发布</span> <span class="el-icon-arrow-down"></span> </span> </span> </el-tab-pane>
html
<el-tab-pane name="first"> <span slot="label"> <span class="span-Box"> <span>预警</span> <el-tooltip class="item" effect="dark" content="2" placement="bottom-start" > <span class="btn-bell-badge"> <span class="num">2</span> </span> </el-tooltip> </span> </span> </el-tab-pane>
css
<style lang="stylus" scoped> .span-Box { display: flex; justify-content: flex-start; align-items: center; .btn-bell-badge { width: 26px; height: 18px; margin-left 5px; line-height 18px border-radius: 15px; background: #f56c6c; .num { display: block; width: 100%; text-align: center; font-size: 12px; color: #fff; } } } </style>
原文地址:https://www.cnblogs.com/magic-world/p/14714907.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。