molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-06-06 21:54: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
Colorui-UniApp/App.vue
+4 -5
View File
@@ -4,13 +4,12 @@
onLaunch: function() { onLaunch: function() {
uni.getSystemInfo({ uni.getSystemInfo({
success: function(e) { success: function(e) {
// #ifndef MP-WEIXIN
// #ifdef H5 Vue.prototype.StatusBar = e.statusBarHeight;
Vue.prototype.StatusBar = e.statusbarHeight;
if (e.platform == 'android') { if (e.platform == 'android') {
Vue.prototype.CustomBar = e.statusbarHeight + 50; Vue.prototype.CustomBar = e.statusBarHeight + 50;
} else { } else {
Vue.prototype.CustomBar = e.statusbarHeight + 45; Vue.prototype.CustomBar = e.statusBarHeight + 45;
}; };
// #endif // #endif
Colorui-UniApp/Readme.md
+19
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)
Colorui-UniApp/pages/component/swiper.vue
+9 -14
View File
@@ -142,22 +142,21 @@
let mLeft = list[0].mLeft; let mLeft = list[0].mLeft;
let zIndex = list[0].zIndex; let zIndex = list[0].zIndex;
for (let i = 1; i < list.length; i++) { for (let i = 1; i < list.length; i++) {
list[i - 1].mLeft = list[i].mLeft this.swiperList[i - 1].mLeft = this.swiperList[i].mLeft
list[i - 1].zIndex = list[i].zIndex this.swiperList[i - 1].zIndex = this.swiperList[i].zIndex
console.log('end')
} }
list[list.length - 1].mLeft = mLeft; this.swiperList[list.length - 1].mLeft = mLeft;
list[list.length - 1].zIndex = zIndex; this.swiperList[list.length - 1].zIndex = zIndex;
this.swiperList = list
} else { } else {
let mLeft = list[list.length - 1].mLeft; let mLeft = list[list.length - 1].mLeft;
let zIndex = list[list.length - 1].zIndex; let zIndex = list[list.length - 1].zIndex;
for (let i = list.length - 1; i > 0; i--) { for (let i = list.length - 1; i > 0; i--) {
list[i].mLeft = list[i - 1].mLeft this.swiperList[i].mLeft = this.swiperList[i - 1].mLeft
list[i].zIndex = list[i - 1].zIndex this.swiperList[i].zIndex = this.swiperList[i - 1].zIndex
} }
list[0].mLeft = mLeft; this.swiperList[0].mLeft = mLeft;
list[0].zIndex = zIndex; this.swiperList[0].zIndex = zIndex;
this.swiperList = list
} }
}, },
} }
@@ -165,8 +164,4 @@
</script> </script>
<style> <style>
.tower-swiper{
max-width: 750upx;
overflow: hidden;
}
</style> </style>
README.md
+1 -1
View File
@@ -10,4 +10,4 @@
<p>微信群：加入微信群请先添加开发者微信，备注GitHub。QQ群：240787041 或扫描二维码。</p> <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> <p align="center"><img src="https://image.weilanwl.com/colorui/githubQrcode.jpg" alt="" style="max-width:100%;" width="748"></p>
<h2>赞赏</h2> <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>