H5 页面中，模仿微信对话框气泡的样式，支持多行显示，有好看的推荐吗？

This topic created in 3045 days ago, the information mentioned may be changed or developed.

纯 css 的，模拟对话框气泡的效果那种，找了几个觉得难看，有比较好看的推荐一下吗？

8 replies • 2018-02-05 21:00:59 +08:00

fengyj

Feb 4, 2018

Bootstrap 记得有的。我觉得那种对话框比微信那个好看点。
整出来的样子差不多就是这样。
https://i.loli.net/2018/02/04/5a771d7bcca1a.png

yuanfnadi

Feb 4, 2018 via iPhone

微信官方有 css 库。叫做 weui

miniyao

Feb 5, 2018 via Android

@huiyifyj 谢谢，这个 bs 的不错！截图的链接可以贴一下吗？我看下是咱改的

fengyj

Feb 5, 2018 via Android

我是 bs 从 v4 的示例文档截取的。

miniyao

Feb 5, 2018

@huiyifyj 我在 bs v4 版的文档里 v4-alpha.getbootstrap.com/getting-started/introduction/ 子项都找了，没看到吖，是找的地方不对吗？

fengyj

Feb 5, 2018

@miniyao
我好像看错了，链接是 v4 的 themes, 他需要引入 toolkit.css.
https://themes.getbootstrap.com/products/application

miniyao

Feb 5, 2018

@huiyifyj 看到了，谢谢，这个气泡尖角兼容性不错，比 background-attachment 好些

fengyj

Feb 5, 2018

@miniyao 个人也比较喜欢这种类型。v4 兼容性应该是没有问题的。