v2.1.3

Colorui-UniApp/Readme.md

@@ -1,26 +1,33 @@
-<p style="text-align: center;"><img src="https://image.weilanwl.com/uni/UniAppReadme.jpg" title="ColorUI简介"></img></p>
+<p style="text-align: center;"><img src="https://image.weilanwl.com/uni/UniAppReadme.jpg" alt="ColorUI简介"></img></p>
 
+## 前言
+ColorUI是一个css库！！！在你引入样式后可以根据class来调用组件，一些含有交互的操作我也有简单写，可以为你开发提供一些思路。插件市场版本如果和更新日志不一样，请移步Github下载。有组件需求或者Bug提交也可以移步到issues。
+
+## 交流
+微信群：加入微信群请先添加开发者微信，备注UniApp插件市场。QQ群：240787041 或扫描二维码。
+
+## 素材
+ColorUI在语雀有个群友共同在维护的知识库，里面有一些群友改的模板和UI素材供开发使用哦！
+[语雀-ColorUI群资源](https://www.yuque.com/colorui)
+ 
 ## 开始使用
 下载源码解压，复制根目录的 `/colorui` 文件夹到你的根目录
 
 `App.vue` 引入关键Css `main.css` `icon.css`
 ```
 <style>
-	@import "colorui/main.css";
+    @import "colorui/main.css";
 	@import "colorui/icon.css";
 	@import "app.css"; /* 你的项目css */
 	....
 </style>
 ```
+
 ------
 
-
 ## 使用自定义导航栏
-`main.js` 引入 `cu-custom` 组件
-```
-import cuCustom from './colorui/components/cu-custom.vue'
-Vue.component('cu-custom',cuCustom)
-```
+导航栏作为常用组件有做简单封装，当然你也可以直接复制代码结构自己修改，达到个性化目的。
+
 `App.vue` 获得系统信息
 ```
 onLaunch: function() {
@@ -34,7 +41,7 @@ onLaunch: function() {
 				Vue.prototype.CustomBar = e.statusBarHeight + 45;
 			};
 			// #endif
-
+			
 			// #ifdef MP
 			Vue.prototype.StatusBar = e.statusBarHeight;
 			let custom = wx.getMenuButtonBoundingClientRect();
@@ -45,12 +52,21 @@ onLaunch: function() {
 	})
 },
 ```
+
 `pages.json` 配置取消系统导航栏
 ```
 "globalStyle": {
 	"navigationStyle": "custom"
 },
 ```
+复制代码结构可以直接使用，注意全局变量的获取。
+
+使用封装,在`main.js` 引入 `cu-custom` 组件。
+```
+import cuCustom from './colorui/components/cu-custom.vue'
+Vue.component('cu-custom',cuCustom)
+```
+
 `page.vue` 页面可以直接调用了
 ```
 <cu-custom bgColor="bg-gradual-blue" :isBack="true">
@@ -70,19 +86,27 @@ onLaunch: function() {
 | content     | 中间区域 | 
 | right    | 右侧区域(小程序端可使用范围很窄！)  | 
 
+
 ------
 
+
 ## 使用自定义Tabbar
 这部分暂时没有封装，思路可以参考下我的源码，原理是一个主页面引入多个页面，在主页面进行切换显示。这样可以解决切换时闪烁的问题。
 
+
 ------
 
+
 ## 更新日志
 
+ * 2019年4月01日 v2.1.3
+    *  优化代码,支持支付宝小程序
+	*  textarea 样式还原
+
  * 2019年3月28日 v2.1.2
 	*  修复列表组件样式
 	*  优化主样式代码
- 
+
  * 2019年3月27日 v2.1.1
     *  新增多种扩展
     *  优化堆叠轮播图