Authored by 肖亚东

首页按钮动画等

... ... @@ -20,6 +20,6 @@
"wx207f18be42db9028",
"wx68c7dd3634272f71",
"wxf9bac5064053057a"
]
],
"sitemapLocation": "sitemap40.json"
}
\ No newline at end of file
... ...
... ... @@ -7,6 +7,29 @@ Component({
},
tabIdx: String
},
data: {
animation: null,
},
ready: function() {
let animation = wx.createAnimation({
duration: 400,
timingFunction: 'ease',
});
//放大缩小循环动画
var next = true;
setInterval(function () {
if (next) {
animation.scale(1.05).step()
next = !next;
} else {
animation.scale(1).step()
next = !next;
}
this.setData({
animation: animation.export()
})
}.bind(this), 400)
},
methods: {
onClick() {
router.go('detail', {
... ...
... ... @@ -8,7 +8,7 @@
</block>
<block wx:elif="{{product.status === 2}}">
<view class="btn ok" catchtap="onClick">参加抽奖</view>
<view class="btn ok" catchtap="onClick" animation="{{animation}}">参加抽奖</view>
</block>
<block wx:elif="{{product.status === 3}}">
... ...
... ... @@ -11,7 +11,7 @@
}
.ok {
background: #222;
background: #CE0A24;
}
.cancel {
... ...
... ... @@ -2,6 +2,9 @@
<product-header product="{{product}}" shareFlag="{{shareFlag}}" avatars="{{avatars}}"></product-header>
</view>
<image class="jion-tips-image" src="./images/Group@2x.png"></image>
<view class="machine {{shareFlag ? 'machine-t-m' : 'machine-t-l'}}">
<view class="open-shadow"></view>
<view class="code-list" animation="{{animation}}">
... ...
... ... @@ -108,6 +108,12 @@
border-top: 1rpx solid #E0E0E0;
}
.jion-tips-image {
width: 100%;
height: 80rpx;
margin-top: 20rpx;
}
.machine {
background-image: url('https://img10.static.yhbimg.com/yhb-img01/2018/12/27/19/011f45717237b3cbf7301833e8dc28f994.png');
background-size: contain;
... ...
{
"desc": "关于本文件的更多信息,请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
"rules": [{
"action": "allow",
"page": "*"
}]
}
\ No newline at end of file
... ...