瀏覽代碼

y新增首页游戏入口

tags/2.2.7
海洋之声 6 年之前
父節點
當前提交
adfea37592
共有 5 個檔案被更改,包括 96 行新增16 行删除
  1. +9
    -1
      components/gameentry/gentry.js
  2. +1
    -1
      components/gameentry/gentry.wxml
  3. +60
    -3
      pages/index/index.js
  4. +7
    -5
      pages/index/index.wxml
  5. +19
    -6
      pages/index/index.wxss

+ 9
- 1
components/gameentry/gentry.js 查看文件

@@ -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
- 1
components/gameentry/gentry.wxml 查看文件

@@ -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>


+ 60
- 3
pages/index/index.js 查看文件

@@ -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({


+ 7
- 5
pages/index/index.wxml 查看文件

@@ -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>

+ 19
- 6
pages/index/index.wxss 查看文件

@@ -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;
}
} */

Loading…
取消
儲存