molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-03-07 06:24:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复一些细节

Browse Source
This commit is contained in:
Weilanwl
2019-03-25 10:20:55 +08:00
parent fc62c054a1
commit 5742a427fe
4 changed files with 33 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
Colorui-UniApp/App.vue
View File

@@ -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

19
Colorui-UniApp/Readme.md
View File

@@ -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
Colorui-UniApp/pages/component/swiper.vue
View File

@@ -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>

2
README.md
View File

@@ -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>