我正在使用 Ionic 3 框架,并希望在我的 Ionic 3 应用程序中插入以下类型的 fab 菜单。
特别菜单:
在您的 SCSS 文件中:
button[ion-fab] {
overflow: visible;
position: relative;
ion-label {
position: absolute;
top: -8px;
right: 40px;
color: white;
background-color: rgba(0,0,0,0.7);
line-height: 24px;
padding: 4px 8px;
border-radius: 4px;
}
}
.fab{
contain: layout;
}
您的 HTML 文件:
<ion-fab bottom right >
<button ion-fab>Share</button>
<ion-fab-list side="top">
<button ion-fab>
<ion-icon name="logo-facebook"></ion-icon>
<ion-label>Facebook</ion-label>
</button>
</ion-fab-list>
</ion-fab>
请参考这个链接...
在 Ionic FAB 列表中插入标签的正确方法是什么 https://stackoverflow.com/questions/39842324/whats-the-correct-way-of-inserting-label-in-an-ionic-fab-list
这相当容易实现。我已经在 Ionic 3 上测试过它并且有效
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)