这是什么?
WeUI 小程序版是一套基础的 WXSS/CSS 样式库,视觉风格与微信原生界面保持一致,由微信官方设计团队设计,适用于微信网页和小程序。
这是带逻辑的 UI 组件库,还是只有样式?
它是纯 CSS/WXSS 样式库,不包含 JS 交互逻辑。如果你需要内置逻辑的现成交互组件,README 中提供了单独的 WeUI 小程序组件库链接。
怎么把它添加到小程序项目中?
可以直接引用 dist/style/weui.wxss,或从 dist/style/widget 中只导入需要的组件;每个组件对应的 wxml 标记示例位于 dist/example 中。
有哪些不同的单位版本需要了解?
默认版本使用 px 单位。如果小程序需要可缩放的 rpx 单位,可以使用 dist-rpx-mode 目录中单独提供的预构建版本。
WeUI 包含哪些组件?
包括按钮、单元格、对话框、进度条、提示框、文章、操作表和图标等常见的小程序界面元素。
怎样预览这些组件?
用微信开发者工具打开 dist 目录(而不是整个仓库),即可看到应用样式后的组件效果。
怎样开启深色模式?
在页面的根节点上添加属性 data-weui-theme='dark',即可将 WeUI 切换为深色主题。
在哪里可以查看这些样式背后的视觉设计规范?
weui-design 参考文档记录了本样式库所遵循的 WeUI 视觉规范。
What are similar projects?
weui, coloruicss, vant-weapp, vux, materialize, chakra-ui, arc-library, galaxy
Which topics is it in?
miniprogram, weixin, less, css3, ui-library, dark-mode, wechat, theme, component-library, design, css, china
