v2.1.3

zantop · Apr 1, 2019 · 8fd0906 · 8fd0906
1 parent 5429b98
commit 8fd0906
Show file tree

Hide file tree

Showing 31 changed files with 115,010 additions and 290 deletions.
diff --git a/Colorui-UniApp/App.vue b/Colorui-UniApp/App.vue
@@ -13,91 +13,97 @@
 					};
 					// #endif
 
-					// #ifdef MP
+					// #ifdef MP-WEIXIN
 					Vue.prototype.StatusBar = e.statusBarHeight;
 					let custom = wx.getMenuButtonBoundingClientRect();
 					Vue.prototype.Custom = custom;
 					Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
-					// #endif
+					// #endif		
 
-					Vue.prototype.ColorList = [{
-							title: '嫣红',
-							name: 'red',
-							color: '#e54d42'
-						},
-						{
-							title: '桔橙',
-							name: 'orange',
-							color: '#f37b1d'
-						},
-						{
-							title: '明黄',
-							name: 'yellow',
-							color: '#fbbd08'
-						},
-						{
-							title: '橄榄',
-							name: 'olive',
-							color: '#8dc63f'
-						},
-						{
-							title: '森绿',
-							name: 'green',
-							color: '#39b54a'
-						},
-						{
-							title: '天青',
-							name: 'cyan',
-							color: '#1cbbb4'
-						},
-						{
-							title: '海蓝',
-							name: 'blue',
-							color: '#0081ff'
-						},
-						{
-							title: '姹紫',
-							name: 'purple',
-							color: '#6739b6'
-						},
-						{
-							title: '木槿',
-							name: 'mauve',
-							color: '#9c26b0'
-						},
-						{
-							title: '桃粉',
-							name: 'pink',
-							color: '#e03997'
-						},
-						{
-							title: '棕褐',
-							name: 'brown',
-							color: '#a5673f'
-						},
-						{
-							title: '玄灰',
-							name: 'grey',
-							color: '#8799a3'
-						},
-						{
-							title: '草灰',
-							name: 'gray',
-							color: '#aaaaaa'
-						},
-						{
-							title: '墨黑',
-							name: 'black',
-							color: '#333333'
-						},
-						{
-							title: '雅白',
-							name: 'white',
-							color: '#ffffff'
-						},
-					]
+					// #ifdef MP-ALIPAY
+					Vue.prototype.StatusBar = e.statusBarHeight;
+					Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
+					// #endif
 				}
 			})
+
+			Vue.prototype.ColorList = [{
+					title: '嫣红',
+					name: 'red',
+					color: '#e54d42'
+				},
+				{
+					title: '桔橙',
+					name: 'orange',
+					color: '#f37b1d'
+				},
+				{
+					title: '明黄',
+					name: 'yellow',
+					color: '#fbbd08'
+				},
+				{
+					title: '橄榄',
+					name: 'olive',
+					color: '#8dc63f'
+				},
+				{
+					title: '森绿',
+					name: 'green',
+					color: '#39b54a'
+				},
+				{
+					title: '天青',
+					name: 'cyan',
+					color: '#1cbbb4'
+				},
+				{
+					title: '海蓝',
+					name: 'blue',
+					color: '#0081ff'
+				},
+				{
+					title: '姹紫',
+					name: 'purple',
+					color: '#6739b6'
+				},
+				{
+					title: '木槿',
+					name: 'mauve',
+					color: '#9c26b0'
+				},
+				{
+					title: '桃粉',
+					name: 'pink',
+					color: '#e03997'
+				},
+				{
+					title: '棕褐',
+					name: 'brown',
+					color: '#a5673f'
+				},
+				{
+					title: '玄灰',
+					name: 'grey',
+					color: '#8799a3'
+				},
+				{
+					title: '草灰',
+					name: 'gray',
+					color: '#aaaaaa'
+				},
+				{
+					title: '墨黑',
+					name: 'black',
+					color: '#333333'
+				},
+				{
+					title: '雅白',
+					name: 'white',
+					color: '#ffffff'
+				},
+			]
+
 		},
 		onShow: function() {
 			console.log('App Show')

diff --git a/Colorui-UniApp/Readme.md b/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
     *  新增多种扩展
     *  优化堆叠轮播图