ionic2 - 如何自定义按钮大小
Yuyang He
这是我的分享按钮截图 
这个屏幕尺寸为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，它将是这样的
Yuyang He
终于解决了..感谢@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] 删除。
编辑于
相关文章
TOP 榜单
- 1
Android Studio Kotlin：提取为常量
- 2
IE 11中的FormData未定义
- 3
计算数据帧R中的字符串频率
- 4
如何在R中转置数据
- 5
如何使用Redux-Toolkit重置Redux Store
- 6
Excel 2016图表将增长与4个参数进行比较
- 7
在 Python 2.7 中。如何从文件中读取特定文本并分配给变量
- 8
未捕获的SyntaxError：带有Ajax帖子的意外令牌u
- 9
OpenCv：改变 putText() 的位置
- 10
ActiveModelSerializer仅显示关联的ID
- 11
算术中的c ++常量类型转换
- 12
如何开始为Ubuntu开发
- 13
将加号/减号添加到jQuery菜单
- 14
去噪自动编码器和常规自动编码器有什么区别？
- 15
获取并汇总所有关联的数据
- 16
OpenGL纹理格式的颜色错误
- 17
在 React Native Expo 中使用 react-redux 更改另一个键的值
- 18
http：// localhost：3000 /＃！/为什么我在localhost链接中得到“＃！/”。
- 19
TreeMap中的自定义排序
- 20
Redux动作正常，但减速器无效
- 21
如何对treeView的子节点进行排序
我来说两句