Revert "新增动画模块"

This reverts commit c1541c3139.
This commit is contained in:
weilanwl
2018-09-14 17:30:04 +08:00
parent c1541c3139
commit 0e78a12d03
8 changed files with 4 additions and 115 deletions

View File

@@ -23,8 +23,7 @@
"pages/rating/rating", "pages/rating/rating",
"pages/modal/modal", "pages/modal/modal",
"pages/progress/progress", "pages/progress/progress",
"pages/chat/chat", "pages/chat/chat"
"pages/animation/animation"
], ],
"window": { "window": {
"backgroundTextStyle": "black", "backgroundTextStyle": "black",

File diff suppressed because one or more lines are too long

View File

@@ -1,61 +0,0 @@
Page({
data: {
list: [{
name: 'fade',
color: 'primary'
},
{
name: 'scale-up',
color: 'success'
},
{
name: 'scale-down',
color: 'warning'
},
{
name: 'slide-top',
color: 'danger'
}, {
name: 'slide-bottom',
color: 'primary'
},
{
name: 'slide-left',
color: 'success'
},
{
name: 'slide-right',
color: 'warning'
},
{
name: 'shake',
color: 'danger'
}
],
toggleDelay: false
},
toggle: function (e) {
console.log(e);
var anmiaton = e.currentTarget.dataset.class;
var that = this;
that.setData({
animation: anmiaton
})
setTimeout(function () {
that.setData({
animation: ''
})
}, 1000)
},
toggleDelay: function () {
var that = this;
that.setData({
toggleDelay: true
})
setTimeout(function () {
that.setData({
toggleDelay: false
})
}, 1000)
}
})

View File

@@ -1 +0,0 @@
{}

View File

@@ -1,38 +0,0 @@
<view class="bar solid-bottom">
<view class='ml-sm'>
<text class='iconfont icon-titles success-text'></text>
<text class='text-lg ml-xs'>默认效果</text>
</view>
</view>
<view class="doc-main">
<view class='flex flex-wrap justify-around'>
<button class='{{item.color}} btn animation-{{animation==item.name? item.name :""}} m-sm basis-sm' bindtap='toggle' data-class='{{item.name}}' wx:for="{{list}}">{{item.name}}</button>
</view>
</view>
<view class="bar solid-bottom mt-sm">
<view class='ml-sm'>
<text class='iconfont icon-titles success-text'></text>
<text class='text-lg ml-xs'>反向动画</text>
</view>
</view>
<view class="doc-main">
<view class='flex flex-wrap justify-around'>
<button class='{{item.color}} btn animation-{{animation==item.name+"s"? item.name :""}} animation-reverse m-sm basis-sm' bindtap='toggle' data-class='{{item.name+"s"}}' wx:for="{{list}}">{{item.name}}</button>
</view>
</view>
<view class="bar solid-bottom mt-sm">
<view class='ml-sm'>
<text class='iconfont icon-titles success-text'></text>
<text class='text-lg ml-xs'>延迟执行</text>
</view>
</view>
<view class="doc-main">
<view class='flex justify-around m-sm'>
<button class='btn secondary' bindtap='toggleDelay'>开始执行</button>
</view>
<view class='flex flex-wrap justify-around'>
<button class='{{item.color}} btn {{toggleDelay?"animation-slide-bottom":""}} m-sm basis-sm' style='animation-delay: {{(index+1)*0.1}}s;' wx:for="{{list}}">0.{{index+1}}s</button>
</view>
</view>

View File

@@ -1,3 +0,0 @@
page{
background: #f5f5f5;
}

View File

@@ -14,7 +14,6 @@ Page({
{ title: '图标 ', name: 'icon' }, { title: '图标 ', name: 'icon' },
{ title: '加载', name: 'loading' }, { title: '加载', name: 'loading' },
{ title: '图片 ', name: 'image' }, { title: '图片 ', name: 'image' },
{ title: '动画 ', name: 'animation' },
], ],
modules: [ modules: [
{ title: '操作条', name: 'bar' }, { title: '操作条', name: 'bar' },

View File

@@ -29,7 +29,7 @@
"list": [] "list": []
}, },
"miniprogram": { "miniprogram": {
"current": 21, "current": -1,
"list": [ "list": [
{ {
"id": 0, "id": 0,
@@ -156,11 +156,6 @@
"name": "聊天", "name": "聊天",
"pathName": "pages/chat/chat", "pathName": "pages/chat/chat",
"query": "" "query": ""
},
{
"id": -1,
"name": "动画",
"pathName": "pages/animation/animation"
} }
] ]
} }