h5学习笔记 weui

最新推荐文章于 2021-06-22 10:14:02 发布

传说中的贫民窟

最新推荐文章于 2021-06-22 10:14:02 发布

阅读量329

点赞数

本文链接：https://blog.csdn.net/truhfcg/article/details/86674255

版权

本文记录了学习WeUI框架的过程，WeUI与微信风格的深度融合，以及1.0版本后的命名规则变化。通过分析组件命名规律，如hd、bd、ft分别对应header、body、footer，有助于理解和使用WeUI。同时，文中提到了WeUI在某些场景下需要自定义样式以适应需求，并分享了一个仿新浪新闻布局的案例。最后，推荐了一位老师的人工智能教程。

摘要由CSDN通过智能技术生成

这段时间一直接触了weui，weui的效果样式和微信能够相互融合。但微信这个css库，还比较缺组件，单独这样用。不过好在是github已经开源了十分多的库。weui在1.0的版本后大改过一次，命名方式修改了所以不再兼容。这也是开源的一个坑。用了一段时间发现了一些命名上的规律，用起来对这个样式有点意思。

我们经常在weui样式看到hd ，bd， ft，按我猜测这个方式和网页中头，身体，脚相似。即
hd 是header的缩写
bd 是body的缩写
ft 是footer的缩写

<a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">   <div class="weui_media_hd">      <img class="weui_media_appmsg_thumb" src=" " alt="">   </div>   <div class="weui_media_bd">     <h4 class="weui_media_title">标题二</h4>     <p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>     </div></a> <a class="weui_panel_ft" href="javascript:void(0);">查看更多</a>