WeUI基础样式库介绍
WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一，包括表单、基础组件、操作反馈、导航相关、搜索相关等样式模板。
WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一，包括表单、基础组件、操作反馈、导航相关、搜索相关等样式模板。
基础样式库特点
入门容易。WeUI采用BEM命名方式，样式表学习门槛低，极利于理解微信UI设计逻辑，开发符合微信生态下的优质独立项目。官方还提供了详细的说明文档，包括预览网页、组件代码、javascript示例语句、视觉标准参考等。BEM（Block Element Modifier）命名方式是一种CSS类名命名方法，旨在提高CSS的可读性和可维护性。 BEM通过将CSS类名分为三个部分：块（Block）、元素（Element）和修饰符（Modifier），来组织和管理CSS代码。
使用简单。仅需在网页顶部引用1个约150KB大小样式文件，具有一定的全局样式重置效果，支持各种浏览器适配，可展现与个人微信客户端相媲美的各种视觉效果，所含样式大气简练、结构扁平。
效益明显。使用WeUI制作的H5网页在微信内打开，诚如官方承诺，原生感视觉强烈，容易给用户交互带来信任感，容易提升用户付费冲动，容易为项目运营成功加分。桌面端使用时，细腻度可能略有不足，但当前是移动流量的新时代，强烈推荐桌面端与移动端统一使用。
基础样式库使用建议
样式应用。提到微信UI逻辑这个概念，是指微信具有独特的个性风格，且这种风格已经被十亿级别用户所熟知，这是轮子理论[2]的最好注脚。在实际应用中，可以说WeUI完全满足各种想法的实现，开发者要善于从WeUI中找匹配对象，同时还能进一步加深对微信概念的理解，帮助我们做出好产品。
颜色使用。WeUI大量使用CSS变量，进行统一的颜色定义，并对浏览器或终端设备进行了主题适配。如WeUI样式不够用，在定义自己的组件样式时，建议直接采用WeUI已有变量，如需要修改颜色风格可重置全局变量。
黑暗模式测试。在桌面端调试，比较难实现原生的黑暗模式，此时我们可以增加body节点属性data-weui-theme值为dark或light，对于我们自定义的组件或样式，测试特别方便。谷歌浏览器有一个更便捷的方法，按F12打开开发者工具，在元素选项中的样式中，右上角有常用渲染模式按钮，可直接切换。
<body data-weui-theme="dark">{html}</body>因篇幅有限，关于WeUI今天就简要介绍到这，如未来WeUI有新的变化或使用技巧、新的感悟，将进一步完善本文内容，请保持关注。