-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
de2ffbd
commit 16e849c
Showing
43 changed files
with
7,414 additions
and
311 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,184 @@ | ||
/* | ||
Animation 微动画 | ||
基于ColorUI组建库的动画模块 by 文晓港 2019年3月26日19:52:28 | ||
*/ | ||
|
||
/* css 滤镜 控制黑白底色gif的 */ | ||
.gif-black{ | ||
mix-blend-mode: screen; | ||
} | ||
.gif-white{ | ||
mix-blend-mode: multiply; | ||
} | ||
|
||
|
||
/* Animation css */ | ||
[class*=animation-] { | ||
animation-duration: .5s; | ||
animation-timing-function: ease-out; | ||
animation-fill-mode: both | ||
} | ||
|
||
.animation-fade { | ||
animation-name: fade; | ||
animation-duration: .8s; | ||
animation-timing-function: linear | ||
} | ||
|
||
.animation-scale-up { | ||
animation-name: scale-up | ||
} | ||
|
||
.animation-scale-down { | ||
animation-name: scale-down | ||
} | ||
|
||
.animation-slide-top { | ||
animation-name: slide-top | ||
} | ||
|
||
.animation-slide-bottom { | ||
animation-name: slide-bottom | ||
} | ||
|
||
.animation-slide-left { | ||
animation-name: slide-left | ||
} | ||
|
||
.animation-slide-right { | ||
animation-name: slide-right | ||
} | ||
|
||
.animation-shake { | ||
animation-name: shake | ||
} | ||
|
||
.animation-reverse { | ||
animation-direction: reverse | ||
} | ||
|
||
@keyframes fade { | ||
0% { | ||
opacity: 0 | ||
} | ||
|
||
100% { | ||
opacity: 1 | ||
} | ||
} | ||
|
||
@keyframes scale-up { | ||
0% { | ||
opacity: 0; | ||
transform: scale(.2) | ||
} | ||
|
||
100% { | ||
opacity: 1; | ||
transform: scale(1) | ||
} | ||
} | ||
|
||
@keyframes scale-down { | ||
0% { | ||
opacity: 0; | ||
transform: scale(1.8) | ||
} | ||
|
||
100% { | ||
opacity: 1; | ||
transform: scale(1) | ||
} | ||
} | ||
|
||
@keyframes slide-top { | ||
0% { | ||
opacity: 0; | ||
transform: translateY(-100%) | ||
} | ||
|
||
100% { | ||
opacity: 1; | ||
transform: translateY(0) | ||
} | ||
} | ||
|
||
@keyframes slide-bottom { | ||
0% { | ||
opacity: 0; | ||
transform: translateY(100%) | ||
} | ||
|
||
100% { | ||
opacity: 1; | ||
transform: translateY(0) | ||
} | ||
} | ||
|
||
@keyframes shake { | ||
|
||
0%, | ||
100% { | ||
transform: translateX(0) | ||
} | ||
|
||
10% { | ||
transform: translateX(-9px) | ||
} | ||
|
||
20% { | ||
transform: translateX(8px) | ||
} | ||
|
||
30% { | ||
transform: translateX(-7px) | ||
} | ||
|
||
40% { | ||
transform: translateX(6px) | ||
} | ||
|
||
50% { | ||
transform: translateX(-5px) | ||
} | ||
|
||
60% { | ||
transform: translateX(4px) | ||
} | ||
|
||
70% { | ||
transform: translateX(-3px) | ||
} | ||
|
||
80% { | ||
transform: translateX(2px) | ||
} | ||
|
||
90% { | ||
transform: translateX(-1px) | ||
} | ||
} | ||
|
||
@keyframes slide-left { | ||
0% { | ||
opacity: 0; | ||
transform: translateX(-100%) | ||
} | ||
|
||
100% { | ||
opacity: 1; | ||
transform: translateX(0) | ||
} | ||
} | ||
|
||
@keyframes slide-right { | ||
0% { | ||
opacity: 0; | ||
transform: translateX(100%) | ||
} | ||
|
||
100% { | ||
opacity: 1; | ||
transform: translateX(0) | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,54 @@ | ||
const app = getApp(); | ||
Component({ | ||
/** | ||
* 组件的一些选项 | ||
*/ | ||
options: { | ||
addGlobalClass: true, | ||
multipleSlots: true | ||
}, | ||
/** | ||
* 组件的对外属性 | ||
*/ | ||
properties: { | ||
bgColor: { | ||
type: String, | ||
default: '' | ||
}, | ||
isCustom: { | ||
type: [Boolean, String], | ||
default: false | ||
}, | ||
isBack: { | ||
type: [Boolean, String], | ||
default: false | ||
}, | ||
bgImage: { | ||
type: String, | ||
default: '' | ||
}, | ||
}, | ||
/** | ||
* 组件的初始数据 | ||
*/ | ||
data: { | ||
StatusBar: app.globalData.StatusBar, | ||
CustomBar: app.globalData.CustomBar, | ||
Custom: app.globalData.Custom | ||
}, | ||
/** | ||
* 组件的方法列表 | ||
*/ | ||
methods: { | ||
BackPage() { | ||
wx.navigateBack({ | ||
delta: 1 | ||
}); | ||
}, | ||
toHome(){ | ||
wx.reLaunch({ | ||
url: '/pages/index/index', | ||
}) | ||
} | ||
} | ||
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
{ | ||
"component": true, | ||
"usingComponents": {} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
<view class="cu-custom" style="height:{{CustomBar}}px"> | ||
<view class="cu-bar fixed {{bgImage!=''?'none-bg text-white bg-img':''}} {{bgColor}}" style="height:{{CustomBar}}px;padding-top:{{StatusBar}}px;{{bgImage?'background-image:url(' + bgImage+')':''}}"> | ||
<view class="action" bindtap="BackPage" wx:if="{{isBack}}"> | ||
<text class="cuIcon-back"></text> | ||
<slot name="backText"></slot> | ||
</view> | ||
<view class="action border-custom" wx:if="{{isCustom}}" style="width:{{Custom.width}}px;height:{{Custom.height}}px;margin-left:calc(750rpx - {{Custom.right}}px)"> | ||
<text class="cuIcon-back" bindtap="BackPage"></text> | ||
<text class="cuIcon-homefill" bindtap="toHome"></text> | ||
</view> | ||
<view class="content" style="top:{{StatusBar}}px"> | ||
<slot name="content"></slot> | ||
</view> | ||
<slot name="right"></slot> | ||
</view> | ||
</view> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
/* colorui/components/cu-custom.wxss */ |
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.