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

v2.1.2

Browse Source
This commit is contained in:
Weilanwl
2019-03-28 23:08:35 +08:00
parent 89817a88e8
commit bb889509c0
108 changed files with 3446 additions and 4082 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/pages/about/about/about.wxml
+1 -8
View File
@@ -1,11 +1,4 @@
<view class="cu-custom" style="height:{{CustomBar}}px;">
<view class="cu-bar fixed bg-gradual-green" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
<navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
<text class='icon-back'></text> 关于
</navigator>
</view>
</view>
<cu-custom bgColor="bg-gradual-green" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">关于</view></cu-custom>
<view class='margin-xl bg-white padding-xl radius shadow-lg'>
<view class='text-center margin-bottom text-lg text-grey'>关于ColorUI组件库</view>
<view class='text-content'>
demo/pages/about/home/home.js
+31 -37
View File
@@ -1,39 +1,43 @@
Component({
options: {
addGlobalClass: true,
},
data: {
starCount: 0,
forksCount: 0,
visitTotal: 0,
},
methods: {
onLoad(options) {
let that = this;
wx.showLoading({
title: '数据加载中',
mask: true,
})
let i = 0;
numDH();
function numDH() {
if (i < 20) {
setTimeout(function() {
that.setData({
visitTotal: i,
forksCount: i,
visitTotal: i
})
i++
numDH();
}, 20)
} else {
attached() {
console.log("success")
let that = this;
wx.showLoading({
title: '数据加载中',
mask: true,
})
let i = 0;
numDH();
function numDH() {
if (i < 20) {
setTimeout(function () {
that.setData({
starCount: that.coutNum(999),
forksCount: that.coutNum(8888),
visitTotal: that.coutNum(77777)
starCount: i,
forksCount: i,
visitTotal: i
})
}
i++
numDH();
}, 20)
} else {
that.setData({
starCount: that.coutNum(999),
forksCount: that.coutNum(8888),
visitTotal: that.coutNum(77777)
})
}
wx.hideLoading()
},
}
wx.hideLoading()
},
methods: {
coutNum(e) {
if (e > 1000 && e < 10000) {
e = (e / 1000).toFixed(1) + 'k'
@@ -70,15 +74,5 @@ Component({
current: 'https://image.weilanwl.com/color2.0/zanCode.jpg' // 当前显示图片的http链接
})
},
},
pageLifetimes: {
show() {
if (typeof this.getTabBar === 'function' &&
this.getTabBar()) {
this.getTabBar().setData({
selected: 3
})
}
}
}
})
demo/pages/about/home/home.json
+3 -1
View File
@@ -1 +1,3 @@
{}
{
"component": true
}
demo/pages/about/home/home.wxml
+62 -61
View File
@@ -1,67 +1,68 @@
<view class='UCenter-bg'>
<image src='/images/logo.png' class='png' mode='widthFix'></image>
<view class='text-xl'>ColorUI组件库
<text class='text-df'>v2.0</text>
</view>
<view class='margin-top-sm'>
<text>By:文晓港</text>
</view>
<image src='https://image.weilanwl.com/gif/wave.gif' mode='scaleToFill' class='gif-wave'></image>
</view>
<view class='padding flex text-center text-grey bg-white shadow-warp'>
<view class='flex flex-sub flex-direction solid-right'>
<view class="text-xxl text-orange">{{visitTotal}}</view>
<scroll-view scroll-y class="scrollPage">
<view class="UCenter-bg">
<image src="/images/logo.png" class="png" mode="widthFix"></image>
<view class="text-xl">ColorUI组件库
<text class="text-df">v2.0</text>
</view>
<view class="margin-top-sm">
<text class='icon-attentionfill'></text> View</view>
<text>By:文晓港</text>
</view>
<image src="https://image.weilanwl.com/gif/wave.gif" mode="scaleToFill" class="gif-wave"></image>
</view>
<view class='flex flex-sub flex-direction solid-right'>
<view class="text-xxl text-blue">{{starCount}}</view>
<view class="margin-top-sm">
<text class='icon-favorfill'></text> Star</view>
</view>
<view class='flex flex-sub flex-direction'>
<view class="text-xxl text-green">{{forksCount}}</view>
<view class="margin-top-sm">
<text class='icon-fork'></text> Fork</view>
</view>
</view>
<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
<view class="cu-item arrow">
<view class='content' bindtap='CopyLink' data-link='https://github.com/weilanwl/ColorUI'>
<text class='icon-github text-grey'></text>
<text class='text-grey'>GitHub</text>
<view class="padding flex text-center text-grey bg-white shadow-warp">
<view class="flex flex-sub flex-direction solid-right">
<view class="text-xxl text-orange">{{visitTotal}}</view>
<view class="margin-top-sm">
<text class="icon-attentionfill"></text> View</view>
</view>
<view class="flex flex-sub flex-direction solid-right">
<view class="text-xxl text-blue">{{starCount}}</view>
<view class="margin-top-sm">
<text class="icon-favorfill"></text> Star</view>
</view>
<view class="flex flex-sub flex-direction">
<view class="text-xxl text-green">{{forksCount}}</view>
<view class="margin-top-sm">
<text class="icon-fork"></text> Fork</view>
</view>
</view>
<view class="cu-item arrow">
<navigator class='content' url='../about/about' hover-class='none'>
<image src='/images/logo.png' class='png' mode='aspectFit'></image>
<text class='text-grey'>关于ColorUI组件库</text>
</navigator>
</view>
<view class="cu-item arrow">
<navigator class='content' url='../log/log' hover-class='none'>
<text class='icon-formfill text-green'></text>
<text class='text-grey'>日志</text>
</navigator>
</view>
<view class="cu-item arrow">
<view class='content' bindtap="showQrcode">
<text class='icon-appreciatefill text-red'></text>
<text class='text-grey'>赞赏支持</text>
<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg radius">
<view class="cu-item arrow">
<view class="content" bindtap="CopyLink" data-link="https://github.com/weilanwl/ColorUI">
<text class="icon-github text-grey"></text>
<text class="text-grey">GitHub</text>
</view>
</view>
<view class="cu-item arrow">
<navigator class="content" url="/pages/about/about/about" hover-class="none">
<image src="/images/logo.png" class="png" mode="aspectFit"></image>
<text class="text-grey">关于ColorUI组件库</text>
</navigator>
</view>
<view class="cu-item arrow">
<navigator class="content" url="/pages/about/log/log" hover-class="none">
<text class="icon-formfill text-green"></text>
<text class="text-grey">日志</text>
</navigator>
</view>
<view class="cu-item arrow">
<view class="content" bindtap="showQrcode">
<text class="icon-appreciatefill text-red"></text>
<text class="text-grey">赞赏支持</text>
</view>
</view>
<view class="cu-item arrow">
<button class="cu-btn content" open-type="feedback">
<text class="icon-writefill text-cyan"></text>
<text class="text-grey">意见反馈</text>
</button>
</view>
<view class="cu-item arrow">
<navigator class="content" url="/pages/about/test/list" hover-class="none">
<text class="icon-creativefill text-orange"></text>
<text class="text-grey">Bug测试</text>
</navigator>
</view>
</view>
<view class="cu-item arrow">
<button class='cu-btn content' open-type='feedback'>
<text class='icon-writefill text-cyan'></text>
<text class='text-grey'>意见反馈</text>
</button>
</view>
<view class="cu-item arrow">
<navigator class='content' url='../test/list' hover-class='none'>
<text class='icon-creativefill text-orange'></text>
<text class='text-grey'>Bug测试</text>
</navigator>
</view>
</view>
<view class='cu-tabbar-height'></view>
<view class="cu-tabbar-height"></view>
</scroll-view>
demo/pages/about/log/log.wxml
+38 -21
View File
@@ -1,18 +1,35 @@
<view class="cu-custom" style="height:{{CustomBar}}px;">
<view class="cu-bar fixed bg-gradual-green" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
<navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
<text class='icon-back'></text> <text class='text-cut'>日志</text>
</navigator>
</view>
</view>
<cu-custom bgColor="bg-gradual-green" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">日志</view></cu-custom>
<view class="cu-timeline">
<view class='cu-item text-green'>
<view class="cu-item text-green">
<view class="bg-gradual-green content shadow-blur">
<view class="cu-capsule radius">
<view class="cu-tag bg-white text-green">v2.1.2</view>
<view class="cu-tag line-white">2019/03/28</view>
</view>
<view class="margin-top-sm text-content">
<view>1.图标修改了字体名称，避免冲突</view>
<view>2.优化了消息列表</view>
<view>3.更改自定义Tabbar的方案</view>
<view>4.修复列表组件样式</view>
<view>5.轮播图支持视频(ios/兼容差，暂时去掉)</view>
<view>6.优化堆叠轮播图</view>
<view>7.优化聊天页输入框聚焦问题</view>
<view>8.表单多图上传优化，文本框优化</view>
<view>9.优化全屏抽屉扩展</view>
<view>10.全屏垂直导航支持双向联动</view>
<view>11.优化源码细节，精简代码</view>
<view></view>
<view>*ColorUI支持UniApp开发了!UniApp版本请移步官方插件市场 https://ext.dcloud.net.cn/plugin?id=239</view>
</view>
</view>
</view>
<view class="cu-item text-green">
<view class="bg-green content shadow-blur">
<view class="cu-capsule radius">
<view class="cu-tag bg-white text-green">v2.0.7</view>
<view class="cu-tag line-white">2019/02/25</view>
</view>
<view class='margin-top-sm text-content'>
<view class="margin-top-sm text-content">
<view>1.新增操作条胶囊样式，优化全屏操作条</view>
<view>2.优化iPhone X的Tabbar样式</view>
<view>3.新增全屏抽屉插件</view>
@@ -20,13 +37,13 @@
</view>
</view>
</view>
<view class='cu-item text-green'>
<view class="cu-item text-green">
<view class="bg-green content shadow-blur">
<view class="cu-capsule radius">
<view class="cu-tag bg-white text-green">v2.0.6</view>
<view class="cu-tag line-white">2019/02/09</view>
</view>
<view class='margin-top-sm text-content'>
<view class="margin-top-sm text-content">
<view>1.修复行距带来的垂直不居中问题</view>
<view>2.优化操作条组件，新增多种样式</view>
<view>3.优化背景颜色（某些组件的默认背景调整,移除一些important）</view>
@@ -35,13 +52,13 @@
</view>
</view>
</view>
<view class='cu-item text-green'>
<view class="cu-item text-green">
<view class="bg-green content shadow-blur">
<view class="cu-capsule radius">
<view class="cu-tag bg-white text-green">v2.0.5</view>
<view class="cu-tag line-white">2019/01/13</view>
</view>
<view class='margin-top-sm text-content'>
<view class="margin-top-sm text-content">
<view>1.修复时间线图标显示问题</view>
<view>2.switch、radio、checkbox单位改成px，抛弃小尺寸</view>
<view>3.更新多种窗口组件</view>
@@ -52,13 +69,13 @@
</view>
</view>
</view>
<view class='cu-item text-green'>
<view class="cu-item text-green">
<view class="bg-green content shadow-blur">
<view class="cu-capsule radius">
<view class="cu-tag bg-white text-green">v2.0.4</view>
<view class="cu-tag line-white">2019/01/10</view>
</view>
<view class='margin-top-sm text-content'>
<view class="margin-top-sm text-content">
<view>1.抛弃标签选择器，改成类名选择器</view>
<view>2.动画改成Gif，并新增动画</view>
<view>3.修复一些图标错位问题</view>
@@ -67,13 +84,13 @@
</view>
</view>
</view>
<view class='cu-item text-green'>
<view class="cu-item text-green">
<view class="bg-green content shadow-blur">
<view class="cu-capsule radius">
<view class="cu-tag bg-white text-green">v2.0.3</view>
<view class="cu-tag line-white">2019/01/06</view>
</view>
<view class='margin-top-sm text-content'>
<view class="margin-top-sm text-content">
<view>1.修复一些单位错误（带输入框的操作条）</view>
<view>2.纠正一些单词拼写...</view>
<view>3.抛弃icon标签，改回text标签的写法</view>
@@ -83,13 +100,13 @@
</view>
</view>
</view>
<view class='cu-item text-green'>
<view class="cu-item text-green">
<view class="bg-green content shadow-blur">
<view class="cu-capsule radius">
<view class="cu-tag bg-white text-green">v2.0.2</view>
<view class="cu-tag line-white">2018/12/24</view>
</view>
<view class='margin-top-sm text-content'>
<view class="margin-top-sm text-content">
<view>1.首页增加分享</view>
<view>2.卡片页修复switch开关问题</view>
<view>3.优化首页动画效果（ios表现不佳）</view>
@@ -101,13 +118,13 @@
</view>
</view>
</view>
<view class='cu-item text-green'>
<view class="cu-item text-green">
<view class="bg-green content shadow-blur">
<view class="cu-capsule radius">
<view class="cu-tag bg-white text-green">v2.0.1</view>
<view class="cu-tag line-white">2018/12/20</view>
</view>
<view class='margin-top-sm text-content'>2.0新版本上线</view>
<view class="margin-top-sm text-content">2.0新版本上线</view>
</view>
</view>
</view>
demo/pages/about/test/filter.js
+2 -6
View File
@@ -1,9 +1,5 @@
const app = getApp();
Page({
data: {
StatusBar: app.globalData.StatusBar,
CustomBar: app.globalData.CustomBar,
ColorList: app.globalData.ColorList,
scrollLeft: 0,
TabCur: 0,
},
@@ -13,5 +9,5 @@ Page({
TabCur: e.currentTarget.dataset.id,
scrollLeft: (e.currentTarget.dataset.id - 1) * 60
})
},
});
}
})
demo/pages/about/test/filter.wxml
+8 -15
View File
@@ -1,28 +1,21 @@
<view class="cu-custom" style="height:{{CustomBar}}px;">
<view class="cu-bar fixed bg-gradual-green" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
<navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
<text class='icon-back'></text> <text>filter：blur引起的ios花屏测试</text>
</navigator>
</view>
</view>
<cu-custom bgColor="bg-gradual-green" isBack="{{true}}"><view slot="backText">filter：blur引起的ios花屏测试</view></cu-custom>
<scroll-view scroll-x class="bg-white nav" scroll-with-animation scroll-left="{{scrollLeft}}">
<view class="cu-item {{index==TabCur?'text-green cur':''}}" wx:for="{{10}}" wx:key bindtap='tabSelect' data-id="{{index}}">
<view class="cu-item {{index==TabCur?'text-green cur':''}}" wx:for="{{10}}" wx:key bindtap="tabSelect" data-id="{{index}}">
Tab{{index}}
</view>
</scroll-view>
<view class='padding margin'>
<view class="shadow-blur bg-red ABox" style='animation: show 1s 1;-webkit-animation: show 1s 1;'>阴影层</view>
<view class="padding margin">
<view class="shadow-blur bg-red ABox" style="animation: show 1s 1;-webkit-animation: show 1s 1;">阴影层</view>
</view>
<view class='padding margin'>
<view class="padding margin">
<view class="shadow-blur bg-orange ABox">去掉动画</view>
</view>
<view class='padding margin'>
<view class="shadow-blur bg-blue Box" style='animation: show 1s 1;-webkit-animation: show 1s 1;'>去掉after</view>
<view class="padding margin">
<view class="shadow-blur bg-blue Box" style="animation: show 1s 1;-webkit-animation: show 1s 1;">去掉after</view>
</view>
<view class='padding margin'>
<view class="padding margin">
<view class="shadow-blur bg-green Box">去掉动画和after</view>
</view>
demo/pages/about/test/list.js
+2 -6
View File
@@ -1,9 +1,5 @@
const app = getApp();
Page({
data: {
StatusBar: app.globalData.StatusBar,
CustomBar: app.globalData.CustomBar,
ColorList: app.globalData.ColorList,
scrollLeft: 0,
TabCur: 0,
},
@@ -13,5 +9,5 @@ Page({
TabCur: e.currentTarget.dataset.id,
scrollLeft: (e.currentTarget.dataset.id - 1) * 60
})
},
});
}
})
demo/pages/about/test/list.wxml
+3 -12
View File
@@ -1,15 +1,6 @@
<view class="cu-custom" style="height:{{CustomBar}}px;">
<view class="cu-bar fixed bg-gradual-green" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;">
<navigator class='action' open-type="navigateBack" delta="1" hover-class="none">
<text class='icon-back'></text> 测试
</navigator>
</view>
</view>
<view class='padding margin'>
<navigator url='filter' class='bg-grey padding radius'>
<cu-custom bgColor="bg-gradual-green" isBack="{{true}}"><view slot="backText">测试</view></cu-custom>
<view class="padding margin">
<navigator url="filter" class="bg-grey padding radius">
<text>filter：blur引起的ios花屏测试</text>
</navigator>
<!-- <navigator url='filter' class='bg-grey padding radius margin-top'>
<text>filter：blur引起的ios花屏测试</text>
</navigator> -->
</view>
demo/pages/about/test/list.wxss
-1
View File
@@ -1 +0,0 @@
/* miniprogram/pages/about/test/list.wxss */