[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70871":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},70871,"weui-wxss","Tencent\u002Fweui-wxss","Tencent","A UI library by WeChat official design team, includes the most useful widgets\u002Fmodules.","",null,"Less",15284,5171,452,53,0,9,45,"Other",false,"master",true,[24,25],"weui","wxss","2026-06-12 02:02:44","WeUI for 小程序 为微信小程序量身设计\n=====\n\n[![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fweui-wxss.svg)](https:\u002F\u002Fwww.npmjs.org\u002Fpackage\u002Fweui-wxss)\n[![Gitter](https:\u002F\u002Fbadges.gitter.im\u002Fweui\u002Fweui.svg)](https:\u002F\u002Fgitter.im\u002Fweui\u002Fweui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)\n\n## 概述\n\n[WeUI](https:\u002F\u002Fgithub.com\u002Fweui\u002Fweui) 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含`button`、`cell`、`dialog`、 `progress`、 `toast`、`article`、`actionsheet`、`icon`等各式元素。\n\n以下内容是纯UI库，如果想使用逻辑封装版本，请看[小程序组件库 - WeUI](https:\u002F\u002Fdevelopers.weixin.qq.com\u002Fminiprogram\u002Fdev\u002Fextended\u002Fweui\u002F)\n\n\n## 使用\n\n- 样式文件可直接引用`dist\u002Fstyle\u002Fweui.wxss`，或者单独引用`dist\u002Fstyle\u002Fwidget`下的组件的`wxss`\n- 组件的wxml结构请看`dist\u002Fexample\u002F`下的组件\n\n### rpx版本\n默认版本使用的是`px`。这里也提供`rpx`版本，文件在[`dist-rpx-mode`](https:\u002F\u002Fgithub.com\u002FTencent\u002Fweui-wxss\u002Ftree\u002Fmaster\u002Fdist-rpx-mode)目录下。\n\n\n## WeUI 黑暗模式\n在根结点增加属性 `data-weui-theme=\"dark\"`\n如:\n```html\n\u003Cview data-weui-theme=\"dark\">\n    ...\n\u003C\u002Fview>\n```\n\n## 预览\n用[微信web开发者工具](https:\u002F\u002Fmp.weixin.qq.com\u002Fdebug\u002Fwxadoc\u002Fdev\u002Fdevtools\u002Fdownload.html)打开`dist`目录（**请注意，是`dist`目录，不是整个项目**）\n\n\u003Cimg src='https:\u002F\u002Fcloud.githubusercontent.com\u002Fassets\u002F2395166\u002F20168869\u002F48a75b02-a75f-11e6-89aa-503d65c8ad8e.png' width='344' alt='preview' \u002F>\n\n![WeUI for 小程序](https:\u002F\u002Fuser-images.githubusercontent.com\u002F2395166\u002F29502325-ada080f6-8661-11e7-94c2-23d638210f45.jpg)\n\n\n## 文档\n\nWeUI 视觉标准参考 [weui-design](https:\u002F\u002Fgithub.com\u002Fweui\u002Fweui-design)\n\n\n## License\nThe MIT License(http:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT)\n\n请自由地享受和参与开源\n\n\n## 贡献\n\n如果你有好的意见或建议，欢迎给我们提issue或pull request。\n","WeUI-wxss 是由微信官方设计团队为微信小程序量身打造的一套 UI 库，旨在提供与微信原生视觉体验一致的基础样式。该库包含按钮、单元格、对话框、进度条、提示信息等常用组件，采用 Less 语言编写，并支持 rpx 单位以适应不同屏幕尺寸。此外，WeUI-wxss 还提供了黑暗模式选项，只需在根节点添加特定属性即可启用。此项目非常适合希望快速构建具有良好用户体验的小程序开发者使用，能够显著提升开发效率并保持界面风格统一。",2,"2026-06-11 03:34:40","high_star"]