From 5742a427fec972500e9e77a24129d4dbc2d97c76 Mon Sep 17 00:00:00 2001
From: Weilanwl <1273753708@qq.com>
Date: Mon, 25 Mar 2019 10:20:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=B8=80=E4=BA=9B=E7=BB=86?=
 =?UTF-8?q?=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Colorui-UniApp/App.vue                    |  9 ++++-----
 Colorui-UniApp/Readme.md                  | 19 +++++++++++++++++++
 Colorui-UniApp/pages/component/swiper.vue | 23 +++++++++--------------
 README.md                                 |  2 +-
 4 files changed, 33 insertions(+), 20 deletions(-)

diff --git a/Colorui-UniApp/App.vue b/Colorui-UniApp/App.vue
index ab2448d..bd28461 100644
--- a/Colorui-UniApp/App.vue
+++ b/Colorui-UniApp/App.vue
@@ -4,13 +4,12 @@
 		onLaunch: function() {
 			uni.getSystemInfo({
 				success: function(e) {
-
-					// #ifdef H5
-					Vue.prototype.StatusBar = e.statusbarHeight;
+					// #ifndef MP-WEIXIN
+					Vue.prototype.StatusBar = e.statusBarHeight;
 					if (e.platform == 'android') {
-						Vue.prototype.CustomBar = e.statusbarHeight + 50;
+						Vue.prototype.CustomBar = e.statusBarHeight + 50;
 					} else {
-						Vue.prototype.CustomBar = e.statusbarHeight + 45;
+						Vue.prototype.CustomBar = e.statusBarHeight + 45;
 					};
 					// #endif
 
diff --git a/Colorui-UniApp/Readme.md b/Colorui-UniApp/Readme.md
index e69de29..40f0662 100644
--- a/Colorui-UniApp/Readme.md
+++ b/Colorui-UniApp/Readme.md
@@ -0,0 +1,19 @@
+![image](https://image.weilanwl.com/markdown/githubHead0324.png)
+
+## 简介
+这是一款适应于H5、小程序（其他平台未测试）的高颜值，高度自定义的Css组件库.
+相比于同类小程序组件库，ColorUI更注重于视觉交互！
+
+[浏览GitHub：https://github.com/weilanwl/ColorUI](https://github.com/weilanwl/ColorUI)
+
+小程序端预览
+![image](https://image.weilanwl.com/color2.0/githubMiniPorgam.jpg)
+
+H5端预览
+![image](https://image.weilanwl.com/markdown/githubQecode.jpg)
+
+## 沉浸式导航
+![image](http://upload-images.jianshu.io/upload_images/6850742-cc95c15c2e4313e7.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
+
+## 自定义系统Tabbar
+![image](http://upload-images.jianshu.io/upload_images/6850742-c817fb623d4c9d6e.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
diff --git a/Colorui-UniApp/pages/component/swiper.vue b/Colorui-UniApp/pages/component/swiper.vue
index 0db3982..e684d3e 100644
--- a/Colorui-UniApp/pages/component/swiper.vue
+++ b/Colorui-UniApp/pages/component/swiper.vue
@@ -142,22 +142,21 @@
 					let mLeft = list[0].mLeft;
 					let zIndex = list[0].zIndex;
 					for (let i = 1; i < list.length; i++) {
-						list[i - 1].mLeft = list[i].mLeft
-						list[i - 1].zIndex = list[i].zIndex
+						this.swiperList[i - 1].mLeft = this.swiperList[i].mLeft
+						this.swiperList[i - 1].zIndex = this.swiperList[i].zIndex
+				console.log('end')
 					}
-					list[list.length - 1].mLeft = mLeft;
-					list[list.length - 1].zIndex = zIndex;
-					this.swiperList = list
+					this.swiperList[list.length - 1].mLeft = mLeft;
+					this.swiperList[list.length - 1].zIndex = zIndex;
 				} else {
 					let mLeft = list[list.length - 1].mLeft;
 					let zIndex = list[list.length - 1].zIndex;
 					for (let i = list.length - 1; i > 0; i--) {
-						list[i].mLeft = list[i - 1].mLeft
-						list[i].zIndex = list[i - 1].zIndex
+						this.swiperList[i].mLeft = this.swiperList[i - 1].mLeft
+						this.swiperList[i].zIndex = this.swiperList[i - 1].zIndex
 					}
-					list[0].mLeft = mLeft;
-					list[0].zIndex = zIndex;
-					this.swiperList = list
+					this.swiperList[0].mLeft = mLeft;
+					this.swiperList[0].zIndex = zIndex;
 				}
 			},
 		}
@@ -165,8 +164,4 @@
 </script>
 
 <style>
-.tower-swiper{
-	 max-width: 750upx;
-	 overflow: hidden;
- }
 </style>
diff --git a/README.md b/README.md
index 851348f..b394a10 100644
--- a/README.md
+++ b/README.md
@@ -10,4 +10,4 @@
                 <p>微信群：加入微信群请先添加开发者微信，备注GitHub。QQ群：240787041 或扫描二维码。</p>
                 <p align="center"><img src="https://image.weilanwl.com/colorui/githubQrcode.jpg" alt="" style="max-width:100%;" width="748"></p>				  
                 <h2>赞赏</h2>
-<p align="center"><img src="https://image.weilanwl.com/githubAppreciate.jpg" alt="" style="max-width:100%;" width="600"></p>
+				  <p align="center"><img src="https://image.weilanwl.com/colorui/githubAppreciate.jpg" alt="" style="max-width:100%;" width="600"></p>