Update README.md

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目录，不是整个项目）
+## 使用
 
-<img src='https://cloud.githubusercontent.com/assets/2395166/20168869/48a75b02-a75f-11e6-89aa-503d65c8ad8e.png' width='344' alt='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
+<view data-weui-theme="dark">
+    ...
+</view>
+```
 
+## 预览
+用[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)打开`dist`目录（**请注意，是`dist`目录，不是整个项目**）
 
-## 使用
+<img src='https://cloud.githubusercontent.com/assets/2395166/20168869/48a75b02-a75f-11e6-89aa-503d65c8ad8e.png' width='344' alt='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)
 
 
 ## 文档