这个屏幕尺寸为iphone6 4.7inch,但如果在iphone5 4inch上运行会拥挤变形,所以我想把按钮尺寸改得更小。
.html文件
<ion-row>
<ion-note>分享:</ion-note>
<button ion-fab color="wechat" (click)= "wechatshare(new)"><ion-icon name="minan-wechat"></ion-icon></button>
<button ion-fab color="danger" (click)= "weiboshare(new)"><ion-icon name="minan-weibo"></ion-icon></button>
<button ion-fab color="primary" (click)= "qqshare(new)"><ion-icon name="minan-qq"></ion-icon></button>
<button ion-fab color="wechat" (click)= "whatsappshare(new)"><ion-icon name="logo-whatsapp"></ion-icon></button>
<button ion-fab color="facebook" (click)= "FBshare(new)"><ion-icon name="logo-facebook"></ion-icon></button>
</ion-row>
更新:
如果我删除ion-fab
,它将是这样的
终于解决了..感谢@Duannx
添加class="btn"
在button
.html文件
<button ion-fab color="facebook" class="btn" (click)= "FBshare(new)"><ion-icon name="logo-facebook"></ion-icon></button>
.scss文件
.btn {
display:block;
height: 50px;
width: 50px;
border-radius: 50%;
border: 1px ;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句