Skip to content

Commit

Permalink
修复一些细节
Browse files Browse the repository at this point in the history
  • Loading branch information
wen-gang committed Mar 25, 2019
1 parent fc62c05 commit 5742a42
Show file tree
Hide file tree
Showing 4 changed files with 33 additions and 20 deletions.
9 changes: 4 additions & 5 deletions Colorui-UniApp/App.vue
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
19 changes: 19 additions & 0 deletions Colorui-UniApp/Readme.md
Original file line number Diff line number Diff line change
@@ -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)
23 changes: 9 additions & 14 deletions Colorui-UniApp/pages/component/swiper.vue
Original file line number Diff line number Diff line change
Expand Up @@ -142,31 +142,26 @@
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;
}
},
}
}
</script>

<style>
.tower-swiper{
max-width: 750upx;
overflow: hidden;
}
</style>
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -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>

0 comments on commit 5742a42

Please sign in to comment.