按钮上图下字如何控制角标的样式

ysk007 · 发表于 2015-8-19 13:26:52

本帖最后由 ysk007 于 2015-8-19 13:34 编辑

参考论坛上分享的角标做法，给按钮增加角标，但是如果按钮是上面图标下面是文字的模式时，样式成了下面图中的样子，如何才能控制角标的位置在图标的右上角呢？求指点。另外即便是横向的话，角标也太大了，能做出像微信的角标的样子吗？

jishuang · 发表于 2015-8-19 16:26:21

可以修改数字角标的样式
.badge{
padding:1px 1px;
}

ysk007 · 发表于 2015-8-19 22:01:13

本帖最后由 ysk007 于 2015-8-19 22:03 编辑

按照.badge{ padding:1px 1px;
}
修改后，还是不太行。和微信角标的样式差距有点大。整个按钮的美观程度离主流差距有点大。

jishuang · 发表于 2015-8-20 15:06:37

这个就是bootstrap标准的，可以自己根据需求修改相关的样式
修改样式可以参考http://doc.wex5.com/?p=4827

ysk007 · 发表于 2015-8-21 09:57:47

本帖最后由 ysk007 于 2015-8-21 10:01 编辑

不想大改，能把那个角标移到图标右上角就行，要是很复杂就算了。重写的话要照顾到很多问题，不是专业的折腾不起。

ysk007 · 发表于 2015-9-18 19:45:06

结贴吧，http://wex5.com/cn/web-components-button/这里有解决方案了，谢谢！

		自动登录	找回密码
密码			注册

[结贴] 按钮上图下字如何控制角标的样式