Authored by 肖亚东

首页按钮动画等

1 { 1 {
2 - "pages": [  
3 - "pages/zeroSell/index",  
4 - "pages/zeroSell/detail",  
5 - "pages/zeroSell/snapshootShare",  
6 - "pages/zeroSell/h5Page",  
7 - "pages/zeroSell/error",  
8 - "pages/bindPhoneNumber/bindPhoneNumber",  
9 - "pages/choosecountry/choosecountry",  
10 - "login/login-page/login-page"  
11 - ],  
12 - "window": {  
13 - "navigationBarTextStyle": "white",  
14 - "navigationBarBackgroundColor": "#3a3a3a",  
15 - "backgroundColor": "#fff",  
16 - "backgroundTextStyle": "dark",  
17 - "onReachBottomDistance": 100  
18 - },  
19 - "navigateToMiniProgramAppIdList": [  
20 - "wx207f18be42db9028",  
21 - "wx68c7dd3634272f71",  
22 - "wxf9bac5064053057a"  
23 - ]  
24 -}  
25 - 2 + "pages": [
  3 + "pages/zeroSell/index",
  4 + "pages/zeroSell/detail",
  5 + "pages/zeroSell/snapshootShare",
  6 + "pages/zeroSell/h5Page",
  7 + "pages/zeroSell/error",
  8 + "pages/bindPhoneNumber/bindPhoneNumber",
  9 + "pages/choosecountry/choosecountry",
  10 + "login/login-page/login-page"
  11 + ],
  12 + "window": {
  13 + "navigationBarTextStyle": "white",
  14 + "navigationBarBackgroundColor": "#3a3a3a",
  15 + "backgroundColor": "#fff",
  16 + "backgroundTextStyle": "dark",
  17 + "onReachBottomDistance": 100
  18 + },
  19 + "navigateToMiniProgramAppIdList": [
  20 + "wx207f18be42db9028",
  21 + "wx68c7dd3634272f71",
  22 + "wxf9bac5064053057a"
  23 + ],
  24 + "sitemapLocation": "sitemap40.json"
  25 +}
@@ -7,6 +7,29 @@ Component({ @@ -7,6 +7,29 @@ Component({
7 }, 7 },
8 tabIdx: String 8 tabIdx: String
9 }, 9 },
  10 + data: {
  11 + animation: null,
  12 + },
  13 + ready: function() {
  14 + let animation = wx.createAnimation({
  15 + duration: 400,
  16 + timingFunction: 'ease',
  17 + });
  18 + //放大缩小循环动画
  19 + var next = true;
  20 + setInterval(function () {
  21 + if (next) {
  22 + animation.scale(1.05).step()
  23 + next = !next;
  24 + } else {
  25 + animation.scale(1).step()
  26 + next = !next;
  27 + }
  28 + this.setData({
  29 + animation: animation.export()
  30 + })
  31 + }.bind(this), 400)
  32 + },
10 methods: { 33 methods: {
11 onClick() { 34 onClick() {
12 router.go('detail', { 35 router.go('detail', {
@@ -8,7 +8,7 @@ @@ -8,7 +8,7 @@
8 </block> 8 </block>
9 9
10 <block wx:elif="{{product.status === 2}}"> 10 <block wx:elif="{{product.status === 2}}">
11 - <view class="btn ok" catchtap="onClick">参加抽奖</view> 11 + <view class="btn ok" catchtap="onClick" animation="{{animation}}">参加抽奖</view>
12 </block> 12 </block>
13 13
14 <block wx:elif="{{product.status === 3}}"> 14 <block wx:elif="{{product.status === 3}}">
@@ -11,7 +11,7 @@ @@ -11,7 +11,7 @@
11 } 11 }
12 12
13 .ok { 13 .ok {
14 - background: #222; 14 + background: #CE0A24;
15 } 15 }
16 16
17 .cancel { 17 .cancel {
@@ -2,6 +2,9 @@ @@ -2,6 +2,9 @@
2 2
3 <product-header product="{{product}}" shareFlag="{{shareFlag}}" avatars="{{avatars}}"></product-header> 3 <product-header product="{{product}}" shareFlag="{{shareFlag}}" avatars="{{avatars}}"></product-header>
4 </view> 4 </view>
  5 +
  6 +<image class="jion-tips-image" src="./images/Group@2x.png"></image>
  7 +
5 <view class="machine {{shareFlag ? 'machine-t-m' : 'machine-t-l'}}"> 8 <view class="machine {{shareFlag ? 'machine-t-m' : 'machine-t-l'}}">
6 <view class="open-shadow"></view> 9 <view class="open-shadow"></view>
7 <view class="code-list" animation="{{animation}}"> 10 <view class="code-list" animation="{{animation}}">
@@ -108,6 +108,12 @@ @@ -108,6 +108,12 @@
108 border-top: 1rpx solid #E0E0E0; 108 border-top: 1rpx solid #E0E0E0;
109 } 109 }
110 110
  111 +.jion-tips-image {
  112 + width: 100%;
  113 + height: 80rpx;
  114 + margin-top: 20rpx;
  115 +}
  116 +
111 .machine { 117 .machine {
112 background-image: url('https://img10.static.yhbimg.com/yhb-img01/2018/12/27/19/011f45717237b3cbf7301833e8dc28f994.png'); 118 background-image: url('https://img10.static.yhbimg.com/yhb-img01/2018/12/27/19/011f45717237b3cbf7301833e8dc28f994.png');
113 background-size: contain; 119 background-size: contain;
  1 +{
  2 + "desc": "关于本文件的更多信息,请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
  3 + "rules": [{
  4 + "action": "allow",
  5 + "page": "*"
  6 + }]
  7 +}