Skip to content

Commit

Permalink
'fecyo'
Browse files Browse the repository at this point in the history
  • Loading branch information
fancyecommerce committed Apr 28, 2020
1 parent de2ffbd commit 16e849c
Show file tree
Hide file tree
Showing 43 changed files with 7,414 additions and 311 deletions.
4 changes: 3 additions & 1 deletion app.json
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
"pages/login/login",
"pages/my/my",
"pages/cart/cart",
"pages/wuliu/index",
"pages/goods-detail/goods-detail",
"pages/template-cart/template-cart",
"pages/topic/topic",
Expand All @@ -26,7 +27,8 @@
"pages/success/success",
"pages/pay-order/pay-order",
"pages/freshman/freshman",
"pages/search/search"
"pages/search/search",
"pages/order-review/order-review"
],
"window": {
"navigationStyle": "custom",
Expand Down
184 changes: 184 additions & 0 deletions colorui/animation.wxss
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)
}
}
54 changes: 54 additions & 0 deletions colorui/components/cu-custom.js
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',
})
}
}
})
4 changes: 4 additions & 0 deletions colorui/components/cu-custom.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}
16 changes: 16 additions & 0 deletions colorui/components/cu-custom.wxml
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>
1 change: 1 addition & 0 deletions colorui/components/cu-custom.wxss
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/* colorui/components/cu-custom.wxss */
1,226 changes: 1,226 additions & 0 deletions colorui/icon.wxss

Large diffs are not rendered by default.

Loading

0 comments on commit 16e849c

Please sign in to comment.