diff --git a/README.md b/README.md index cc448e181ae1e77c03f8b35ac22df53ceea62602..82e326cefcb5019dc175297af7e152c0f987895c 100755 --- a/README.md +++ b/README.md @@ -11,18 +11,27 @@ WeUI for 小程序 为微信小程序量身设计 以下内容是纯UI库,如果想使用逻辑封装版本,请看[小程序组件库 - WeUI](https://developers.weixin.qq.com/miniprogram/dev/extended/weui/) -## 预览 -用[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)打开`dist`目录(请注意,是dist目录,不是整个项目) +## 使用 -preview +- 样式文件可直接引用`dist/style/weui.wxss`,或者单独引用`dist/style/widget`下的组件的`wxss` +- 组件的wxml结构请看`dist/example/`下的组件 -![WeUI for 小程序](https://user-images.githubusercontent.com/2395166/29502325-ada080f6-8661-11e7-94c2-23d638210f45.jpg) + +## WeUI 黑暗模式 +在根结点增加属性 `data-weui-theme="dark"` +如: +```html + + ... + +``` +## 预览 +用[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)打开`dist`目录(**请注意,是`dist`目录,不是整个项目**) -## 使用 +preview -- 组件的wxml结构请看`dist/example/`下的组件 -- 样式文件可直接引用`dist/style/weui.wxss`,或者单独引用`dist/style/widget`下的组件的`wxss` +![WeUI for 小程序](https://user-images.githubusercontent.com/2395166/29502325-ada080f6-8661-11e7-94c2-23d638210f45.jpg) ## 文档