| @@ -10,6 +10,7 @@ Component({ | |||
| }, | |||
| data: { | |||
| flag: false, | |||
| alphaData: null, | |||
| gameUrl: '' | |||
| }, | |||
| methods:{ | |||
| @@ -63,7 +64,14 @@ Component({ | |||
| this.setData({ flag: false }) | |||
| }, | |||
| closeGame: function () { | |||
| this.setData({ flag: true }) | |||
| let that = this; | |||
| var animation = wx.createAnimation({}) | |||
| // animation.opacity(0).step({ duration: 1000 }) | |||
| animation.rotateZ(180).scale(0).opacity(0.5).step({ duration: 1000 }) | |||
| that.setData({ alphaData: animation.export() }); | |||
| setTimeout(function () { | |||
| that.setData({ flag: true }) | |||
| }, 1000) | |||
| }, | |||
| }, | |||
| onReady: function () { | |||
| @@ -1,7 +1,7 @@ | |||
| <view class="b1" hidden="{{flag}}"> | |||
| <view class="t_w"> | |||
| <view class="b2"> | |||
| <view class="b2" animation="{{alphaData}}"> | |||
| <icon type="cancel" size="40" color="rgb(0,255,255)" class='cancel_icon' bindtap="closeGame"/> | |||
| <image class="t_image" data-data="{{gamedata}}" mode='widthFix' src="{{gamedata.imgUrl}}" bindtap="gotogame" /> | |||
| </view> | |||
| @@ -15,6 +15,7 @@ Page({ | |||
| couponId:'',//游戏返回时传回的字段 | |||
| played:false,//从游戏页面跳回首页返回true | |||
| havePlayEd: app.globalData.havePlayEd, | |||
| staticGamedata:{}, | |||
| page: 1 // 刷新进入页面时已经加载了第一页数据,onReachBottom时 page++,从第2页开始加载 | |||
| }, | |||
| swiperChange: function(e) { | |||
| @@ -23,9 +24,50 @@ Page({ | |||
| }); | |||
| }, | |||
| gotogame:function(){ | |||
| wx.navigateTo({ | |||
| url: '../game/index', | |||
| }) | |||
| let that = this; | |||
| Http.post({ | |||
| url: config.api.checkPhoneStatus, | |||
| data: {} | |||
| }) | |||
| .then(res => { | |||
| console.log(res); | |||
| var data = { | |||
| couponChannelId: "" + that.data.couponChannelId, | |||
| couponId: "" + that.data.couponId | |||
| }; | |||
| if (that.data.couponChannelId == null) { | |||
| var data = { | |||
| couponId: "" + that.data.couponId | |||
| }; | |||
| } | |||
| wx.redirectTo({ | |||
| url: '/pages/game/index?url=' + that.data.staticGamedata.url + "&id=" + that.data.staticGamedata.id + "&gameId=" + that.data.staticGamedata.gameId, | |||
| }) | |||
| }) | |||
| .catch(err => { | |||
| if (err.code == 11005) { | |||
| // 用户手机未授权 | |||
| /** | |||
| * 将值传到用户手机号授权的页面 | |||
| * | |||
| */ | |||
| wx.redirectTo({ | |||
| url: "/pages/getphoneInfo/index?path=index" | |||
| }); | |||
| } else if (err.code == 11006) { | |||
| // 用户手机已加密 | |||
| wx.redirectTo({ | |||
| url: "/pages/phoneinput/phoneinput?path=index" | |||
| }); | |||
| } else { | |||
| wx.showToast({ | |||
| title: err.message, | |||
| image: "../../assets/img/fail.png", | |||
| duration: 2000, | |||
| mask: false | |||
| }); | |||
| } | |||
| }) | |||
| }, | |||
| /** | |||
| @@ -149,6 +191,7 @@ Page({ | |||
| showGame: true | |||
| }) | |||
| that.getGameOne(res.data.token) | |||
| that.getStaticGame(res.data.token) | |||
| } | |||
| Http.setToken(res.data.token); | |||
| that.checkUserCarStatus(); | |||
| @@ -183,6 +226,20 @@ Page({ | |||
| } | |||
| }); | |||
| }, | |||
| getStaticGame(token){ | |||
| let _this = this; | |||
| Http.get({ | |||
| url: config.api.getGame, | |||
| data: { | |||
| triggleAction:2, | |||
| token: token | |||
| } | |||
| }).then(res => { | |||
| _this.setData({ | |||
| staticGamedata: res.data | |||
| }) | |||
| }) | |||
| }, | |||
| getGameOne:function(token){ | |||
| let _this=this; | |||
| Http.get({ | |||
| @@ -3,11 +3,13 @@ | |||
| <c-banner wx:key="unique" list="{{list}}" /> | |||
| <c-rushToBuy /> | |||
| <!-- 小游戏暂时注释 --> | |||
| <!-- <view class='game' bindtap="gotogame" wx:if="{{showGame}}"> | |||
| <image src='./../../assets/img/game.png' mode='widthFix'></image> | |||
| <text>新用户专享神秘礼物</text> | |||
| <text>独家福利,抢完即止</text> | |||
| </view> --> | |||
| <view class='game' bindtap="gotogame"> | |||
| <view class='game-entry'> | |||
| <image src="{{staticGamedata.imgUrl}}" class='gameimg' mode='widthFix'></image> | |||
| <text>新用户专享神秘礼物</text> | |||
| <text>独家福利,抢完即止</text> | |||
| </view> | |||
| </view> | |||
| <c-coupons id="lists" bind:myevent="onGetCode" /> | |||
| <g-entry id="listss" wx:if="{{showGame&&!played&&!havePlayEd}}" gamedata="{{gamedata}}" bind:myevent="" /> | |||
| </view> | |||
| @@ -23,14 +23,27 @@ page { | |||
| .txt { | |||
| margin-left: 20rpx; | |||
| } | |||
| .game-entry{ | |||
| width: 690rpx; | |||
| height: 140rpx; | |||
| margin: 0 auto; | |||
| border-radius: 20rpx; | |||
| box-shadow: 1px 4px 20px #C4C4C4; | |||
| } | |||
| .game { | |||
| display: none; | |||
| position: relative; | |||
| width: 750rpx; | |||
| height: 200rpx; | |||
| margin: 0 auto; | |||
| padding-top: 30rpx; | |||
| box-sizing: border-box; | |||
| } | |||
| .gameimg{ | |||
| position: absolute; | |||
| right: 25rpx; | |||
| top: 0rpx; | |||
| width: 220rpx; | |||
| } | |||
| .game text { | |||
| display: block; | |||
| position: relative; | |||
| @@ -38,7 +51,7 @@ page { | |||
| .game text:nth-of-type(1) { | |||
| display: inline-block; | |||
| padding-top: 65rpx; | |||
| padding-top: 39rpx; | |||
| padding-left: 70rpx; | |||
| font-size: 32rpx; | |||
| color: #333; | |||
| @@ -52,11 +65,11 @@ page { | |||
| padding-left: 70rpx; | |||
| } | |||
| .game image { | |||
| /* .game image { | |||
| position: absolute; | |||
| width: 100%; | |||
| left: 0; | |||
| right: 0; | |||
| top: 0; | |||
| bottom: 0; | |||
| } | |||
| } */ | |||