@@ -80,10 +80,10 @@ App({ | |||
}) | |||
}, | |||
globalData: { | |||
// urlRoot: "https://dongfengqichen.jiyou-tech.com/",//测试接口根目录 | |||
urlRoot: "https://xing.venucia.com/api/",//接口根目录 | |||
// urlStatic: "https://www.jiyou-tech.com/2020/496_qichen/static",//测试静态资源根目录 | |||
urlStatic: "https://xingb.venucia.com/resource",//静态资源根目录 | |||
urlRoot: "https://dongfengqichen.jiyou-tech.com/",//测试接口根目录 | |||
// urlRoot: "https://xing.venucia.com/api/",//接口根目录 | |||
urlStatic: "https://www.jiyou-tech.com/2020/496_qichen/static",//测试静态资源根目录 | |||
// urlStatic: "https://xingb.venucia.com/resource",//静态资源根目录 | |||
openid: "",//OPENID | |||
parentOpenid:"",//推荐人的openid | |||
session_key: "",//session_key |
@@ -26,7 +26,11 @@ | |||
"pages/vrLookCar/vrLookCar", | |||
"pages/configure/configure", | |||
"pages/guess/guess", | |||
"pages/guessPrize/guessPrize" | |||
"pages/guessPrize/guessPrize", | |||
"pages/guessSecond/guessSecond", | |||
"pages/perfectMsg/perfectMsg", | |||
"pages/guessPoster/guessPoster", | |||
"pages/guessSecondPrize/guessSecondPrize" | |||
], | |||
"window": { | |||
"backgroundTextStyle": "light", |
@@ -1,5 +1,5 @@ | |||
{ | |||
"navigationBarTitleText": "猜出惊喜", | |||
"navigationBarTitleText": "东风启辰“猜出惊喜”", | |||
"usingComponents": { | |||
"tabBar": "../component/tabBar/index", | |||
"yuyue": "/pages/yuyue/yuyue" |
@@ -0,0 +1,76 @@ | |||
// pages/guessPoster/guessPoster.js | |||
const app = getApp() | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
imgUrl: app.globalData.urlStatic,//图片路径 | |||
selectType:2,//选中的分享类型 | |||
}, | |||
/** | |||
* 生命周期函数--监听页面加载 | |||
*/ | |||
onLoad: function (options) { | |||
app.globalData.nowPage = 3; | |||
}, | |||
/** | |||
* 生命周期函数--监听页面初次渲染完成 | |||
*/ | |||
onReady: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面显示 | |||
*/ | |||
onShow: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面隐藏 | |||
*/ | |||
onHide: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面卸载 | |||
*/ | |||
onUnload: function () { | |||
}, | |||
/** | |||
* 页面相关事件处理函数--监听用户下拉动作 | |||
*/ | |||
onPullDownRefresh: function () { | |||
}, | |||
/** | |||
* 页面上拉触底事件的处理函数 | |||
*/ | |||
onReachBottom: function () { | |||
}, | |||
/** | |||
* 用户点击右上角分享 | |||
*/ | |||
onShareAppMessage: function () { | |||
return { | |||
title: '您有一份启辰星专属礼品待领取', | |||
imageUrl: this.data.imgUrl + "/newImages3/28_" + (this.data.swiperCurrent+1)+".png?v=004", | |||
path: "/pages/coupon/coupon?scene=" + app.globalData.openid | |||
} | |||
}, | |||
changeType:function(){//切换分享类型 | |||
this.setData({ | |||
selectType:this.data.selectType==1?2:1 | |||
}) | |||
} | |||
}) |
@@ -0,0 +1,6 @@ | |||
{ | |||
"navigationBarTitleText": "东风启辰“猜出惊喜”", | |||
"usingComponents": { | |||
"tabBar": "../component/tabBar/index" | |||
} | |||
} |
@@ -0,0 +1,26 @@ | |||
<!--pages/guessPoster/guessPoster.wxml--> | |||
<view class="all"> | |||
<view class="main"> | |||
<view class="selectGroup"> | |||
<image class="selectImg" wx:if="{{selectType==1}}" bindtap="changeType" src="{{imgUrl+'/newImages5/22.png'}}"></image> | |||
<image class="selectImg" wx:if="{{selectType==2}}" bindtap="changeType" src="{{imgUrl+'/newImages5/23.png'}}"></image> | |||
<view class="selectMask" style="left:{{selectType==1?0:'50%'}};"></view> | |||
</view> | |||
<view wx:if="{{selectType==1}}"> | |||
<view class="posterGroup"> | |||
<image class="posterImg" src="{{imgUrl+'/newImages5/24.png'}}"></image> | |||
</view> | |||
<view class="bottomGroup"> | |||
<image class="bottomImg" src="{{imgUrl+'/newImages5/25.png'}}"></image> | |||
<view class="saveGroup"> | |||
<image class="saveIcon" src="{{imgUrl+'/newImages5/26.png'}}"></image> | |||
<image class="saveBtn" src="{{imgUrl+'/newImages5/27.png'}}"></image> | |||
</view> | |||
</view> | |||
</view> | |||
<view wx:if="{{selectType==2}}"> | |||
</view> | |||
</view> | |||
<tabBar></tabBar> | |||
</view> |
@@ -0,0 +1,72 @@ | |||
/* pages/guessPoster/guessPoster.wxss */ | |||
image{ | |||
display: block; | |||
} | |||
view{ | |||
-webkit-overflow-scrolling: touch; | |||
} | |||
.main{ | |||
height: calc(100vh - 120rpx); | |||
overflow: auto; | |||
position: relative; | |||
} | |||
.selectGroup{ | |||
position: relative; | |||
margin: 50rpx auto 70rpx; | |||
width: 611rpx; | |||
height: 71rpx; | |||
} | |||
.selectImg{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.selectMask{ | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
width: 50%; | |||
height: 100%; | |||
opacity: 0; | |||
} | |||
.posterGroup{ | |||
width: 395rpx; | |||
height: 749rpx; | |||
margin: 0 auto; | |||
} | |||
.posterImg{ | |||
width: 100%; | |||
height:100%; | |||
} | |||
.bottomGroup{ | |||
position: relative; | |||
margin-top: 35rpx; | |||
width: 750rpx; | |||
height: 217rpx; | |||
} | |||
.bottomImg{ | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.saveGroup{ | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
width: 100%; | |||
height: 100%; | |||
display: flex; | |||
align-items: center; | |||
flex-direction: column; | |||
} | |||
.saveIcon{ | |||
width: 95rpx; | |||
height: 96rpx; | |||
margin-top: 30rpx; | |||
margin-bottom: 15rpx; | |||
} | |||
.saveBtn{ | |||
width: 267rpx; | |||
height: 54rpx; | |||
} |
@@ -1,5 +1,5 @@ | |||
{ | |||
"navigationBarTitleText": "猜出惊喜", | |||
"navigationBarTitleText": "东风启辰“猜出惊喜”", | |||
"disableScroll":true, | |||
"usingComponents": { | |||
"tabBar": "../component/tabBar/index", |
@@ -0,0 +1,105 @@ | |||
// pages/guessSecond/guessSecond.js | |||
const app = getApp(); | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
imgUrl: app.globalData.urlStatic,//图片路径 | |||
guessResult:true,//第一轮竞猜是否猜中 | |||
drawResult:0,//1:京东卡,2:升舱卡,3:未抽中 | |||
guessPriceArr:[1,2,3,4,5,6], | |||
ruleShow:false,//是否显示竞猜规则 | |||
}, | |||
/** | |||
* 生命周期函数--监听页面加载 | |||
*/ | |||
onLoad: function (options) { | |||
app.globalData.nowPage = 3; | |||
if (app.globalData.openid) { | |||
this.loadFun(); | |||
} else { | |||
app.globalData.openidSuccessFuc = this.loadFun; | |||
} | |||
}, | |||
loadFun:function(){ | |||
}, | |||
/** | |||
* 生命周期函数--监听页面初次渲染完成 | |||
*/ | |||
onReady: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面显示 | |||
*/ | |||
onShow: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面隐藏 | |||
*/ | |||
onHide: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面卸载 | |||
*/ | |||
onUnload: function () { | |||
}, | |||
/** | |||
* 页面相关事件处理函数--监听用户下拉动作 | |||
*/ | |||
onPullDownRefresh: function () { | |||
}, | |||
/** | |||
* 页面上拉触底事件的处理函数 | |||
*/ | |||
onReachBottom: function () { | |||
}, | |||
/** | |||
* 用户点击右上角分享 | |||
*/ | |||
onShareAppMessage: function () { | |||
}, | |||
enterLucky:function(){//每日抽奖 | |||
wx.navigateTo({ | |||
url: '/pages/luckyStar/luckyStar' | |||
}) | |||
}, | |||
ruleControl:function(){//规则显示控制 | |||
this.setData({ | |||
ruleShow:!this.data.ruleShow | |||
}) | |||
}, | |||
enterGuess:function(){//去竞猜 | |||
console.log("去竞猜"); | |||
}, | |||
startDraw:function(){//抽奖 | |||
this.setData({ | |||
drawResult:3 | |||
}) | |||
}, | |||
prizeWindowControl:function(){//关闭抽奖弹窗 | |||
this.setData({ | |||
drawResult:0 | |||
}) | |||
}, | |||
enterPerfectMsg:function(){//马上领取 | |||
} | |||
}) |
@@ -0,0 +1,7 @@ | |||
{ | |||
"navigationBarTitleText": "东风启辰“猜出惊喜”", | |||
"disableScroll":true, | |||
"usingComponents": { | |||
"tabBar": "../component/tabBar/index" | |||
} | |||
} |
@@ -0,0 +1,51 @@ | |||
<!--pages/guessSecond/guessSecond.wxml--> | |||
<view class="main"> | |||
<image class="pageBg" src="{{imgUrl+'/versions/20.png?v=002'}}"></image> | |||
<view class="topGroup"> | |||
<image class="newImages5-2" src="{{imgUrl+'/newImages5/2.png'}}"></image> | |||
<image class="newImages5-1" src="{{imgUrl+'/newImages5/1.png'}}"></image> | |||
</view> | |||
<image class="newImages5-3" src="{{imgUrl+'/newImages5/'+(guessResult?'6':'3')+'.png'}}"></image> | |||
<image class="newImages5-4" src="{{imgUrl+'/newImages5/4.png'}}"></image> | |||
<view class="selectFream"> | |||
<image class="versions-19" src="{{imgUrl+'/versions/19.png'}}"></image> | |||
<view class="priceGroup" wx:for="{{guessPriceArr}}" wx:key="index" data-index="{{index}}" style="left:{{154+index*77}}rpx"> | |||
<image class="priceImg priceImg2" src="{{imgUrl+'/newImages4/newNum/'+(item-1<0?9:item-1)+'.png?v=002'}}"></image> | |||
<image class="priceImg" src="{{imgUrl+'/newImages4/newNum/'+item+'.png?v=002'}}"></image> | |||
<image class="priceImg priceImg3" src="{{imgUrl+'/newImages4/newNum/'+(item+1>9?1:item+1)+'.png?v=002'}}"></image> | |||
</view> | |||
<view class="slideMask"></view> | |||
</view> | |||
<image class="newImages5-5" wx:if="{{!guessResult}}" bindtap="enterGuess" src="{{imgUrl+'/newImages5/5.png'}}"></image> | |||
<image class="newImages5-5" wx:if="{{guessResult}}" bindtap="startDraw" src="{{imgUrl+'/newImages5/7.png'}}"></image> | |||
<image class="drawBtn" bindtap="ruleControl" src="{{imgUrl+'/versions/7.png'}}"></image> | |||
<image class="yuyue" bindtap="enterLucky" src="{{imgUrl+'/versions/1.png'}}"></image> | |||
<view class="ruleFrame" wx:if="{{ruleShow}}"> | |||
<image class="gameRule" src="{{imgUrl+'/newImages4/17.png'}}"></image> | |||
<image class="closeRule" bindtap="ruleControl" src="{{imgUrl+'/versions/21.png'}}"></image> | |||
</view> | |||
<view class="ruleFrame ruleFrame2" wx:if="{{drawResult==1 || drawResult==2}}"> | |||
<view class="prizeWindow"> | |||
<image class="prizeWindowBg" src="{{imgUrl+'/newImages5/11.png'}}"></image> | |||
<view class="prizeGroup"> | |||
<image class="prizeImg" wx:if="{{drawResult==1}}" src="{{imgUrl+'/newImages5/8.png'}}"></image> | |||
<image class="prizeImg2" wx:if="{{drawResult==2}}" src="{{imgUrl+'/newImages5/13.png'}}"></image> | |||
<image class="prizeTip" src="{{imgUrl+'/newImages5/9.png'}}"></image> | |||
<image class="prizeBtn" bindtap="enterPerfectMsg" src="{{imgUrl+'/newImages5/10.png'}}"></image> | |||
</view> | |||
<image class="prizeWindowClose" bindtap="prizeWindowControl" src="{{imgUrl+'/newImages5/12.png'}}"></image> | |||
</view> | |||
</view> | |||
<view class="ruleFrame ruleFrame2" wx:if="{{drawResult==3}}"> | |||
<view class="prizeWindow" style="height:470rpx;"> | |||
<image class="prizeWindowBg" src="{{imgUrl+'/newImages5/16.png'}}"></image> | |||
<view class="prizeGroup"> | |||
<image class="prizeImg3" src="{{imgUrl+'/newImages5/14.png'}}"></image> | |||
<image class="prizeTip" src="{{imgUrl+'/newImages5/9.png'}}"></image> | |||
<image class="prizeBtn" bindtap="enterGuess" src="{{imgUrl+'/newImages5/15.png'}}"></image> | |||
</view> | |||
<image class="prizeWindowClose" bindtap="prizeWindowControl" src="{{imgUrl+'/newImages5/12.png'}}"></image> | |||
</view> | |||
</view> | |||
</view> | |||
<tabBar></tabBar> |
@@ -0,0 +1,194 @@ | |||
/* pages/guessSecond/guessSecond.wxss */ | |||
image{ | |||
display: block; | |||
} | |||
view{ | |||
-webkit-overflow-scrolling: touch; | |||
} | |||
.main{ | |||
height: calc(100vh - 120rpx); | |||
overflow: auto; | |||
position: relative; | |||
} | |||
.pageBg{ | |||
position: absolute; | |||
left: 0; | |||
bottom: 0; | |||
width: 750rpx; | |||
height: 1506rpx; | |||
z-index: -1; | |||
} | |||
.drawBtn{ | |||
width: 81rpx; | |||
height: 81rpx; | |||
position: fixed; | |||
right: 35rpx; | |||
top: 107rpx; | |||
} | |||
.yuyue{ | |||
width: 81rpx; | |||
height: 81rpx; | |||
position: fixed; | |||
right: 35rpx; | |||
top: 214rpx; | |||
} | |||
.topGroup{ | |||
position: relative; | |||
width: 678rpx; | |||
height: 388rpx; | |||
margin: 0 auto; | |||
margin-top: 100rpx; | |||
} | |||
.newImages5-2{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.newImages5-1{ | |||
position: absolute; | |||
left: 60rpx; | |||
bottom: 55rpx; | |||
width: 221rpx; | |||
height: 35rpx; | |||
} | |||
.newImages5-3{ | |||
width: 635rpx; | |||
height: 181rpx; | |||
margin: 0 auto; | |||
margin-top: 60rpx; | |||
} | |||
.newImages5-4{ | |||
width: 150rpx; | |||
height: 30rpx; | |||
margin: 0 auto; | |||
margin-top: 25rpx; | |||
} | |||
.selectFream{ | |||
position: relative; | |||
margin-top: 10rpx; | |||
} | |||
.slideMask{ | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
width: 100%; | |||
height: 100%; | |||
opacity: 0; | |||
} | |||
.versions-19{ | |||
width: 535rpx; | |||
height: 137rpx; | |||
margin: 0 auto; | |||
margin-left: 124rpx; | |||
} | |||
.priceGroup{ | |||
position: absolute; | |||
top: 18rpx; | |||
left: 154rpx; | |||
width: 60rpx; | |||
height: 100rpx; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
overflow: hidden; | |||
} | |||
.priceImg{ | |||
width: 36rpx; | |||
height: 43rpx; | |||
} | |||
.priceImg2,.priceImg3{ | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
top: -23rpx; | |||
} | |||
.priceImg3{ | |||
top: auto; | |||
bottom: -23rpx; | |||
} | |||
.newImages5-5{ | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
bottom: 50rpx; | |||
width: 711rpx; | |||
height: 70rpx; | |||
} | |||
.ruleFrame{ | |||
position: fixed; | |||
top:0; | |||
left: 0; | |||
height: calc(100vh - 120rpx); | |||
overflow: auto; | |||
} | |||
.ruleFrame2{ | |||
width: 100%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
background-color: rgba(0,0,0,0.5); | |||
z-index: 9; | |||
} | |||
.gameRule{ | |||
width: 750rpx; | |||
height: 2362rpx; | |||
margin-top: -1rpx; | |||
} | |||
.closeRule{ | |||
position: fixed; | |||
right: 70rpx; | |||
top: 102rpx; | |||
width: 56rpx; | |||
height: 57rpx; | |||
} | |||
.prizeWindow{ | |||
position: relative; | |||
width: 501rpx; | |||
height: 620rpx; | |||
} | |||
.prizeWindowBg{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.prizeGroup{ | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
width: 100%; | |||
height: 100%; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
} | |||
.prizeWindowClose{ | |||
position: absolute; | |||
top: -32rpx; | |||
right: -32rpx; | |||
width: 42rpx; | |||
height: 42rpx; | |||
} | |||
.prizeImg{ | |||
margin-top: 85rpx; | |||
width:347rpx; | |||
height: 256rpx; | |||
} | |||
.prizeTip{ | |||
margin-top: 44rpx; | |||
width: 362rpx; | |||
height: 66rpx; | |||
} | |||
.prizeBtn{ | |||
margin-top: 43rpx; | |||
width: 388rpx; | |||
height: 60rpx; | |||
} | |||
.prizeImg2{ | |||
width: 416rpx; | |||
height: 282rpx; | |||
margin-top: 85rpx; | |||
} | |||
.prizeImg3{ | |||
width: 294rpx; | |||
height: 100rpx; | |||
margin-top: 85rpx; | |||
margin-bottom: 6rpx; | |||
} |
@@ -0,0 +1,159 @@ | |||
// pages/guessSecondPrize/guessSecondPrize.js | |||
const app = getApp(); | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
imgUrl: app.globalData.urlStatic,//图片路径 | |||
ruleShow:false,//是否显示竞猜规则 | |||
inputValue:"",//输入的价格 | |||
stringValue:"", | |||
focusState:false, | |||
tipImgShow:true, | |||
}, | |||
/** | |||
* 生命周期函数--监听页面加载 | |||
*/ | |||
onLoad: function (options) { | |||
app.globalData.nowPage = 3; | |||
if (app.globalData.openid) { | |||
this.loadFun(); | |||
} else { | |||
app.globalData.openidSuccessFuc = this.loadFun; | |||
} | |||
}, | |||
loadFun:function(){ | |||
}, | |||
/** | |||
* 生命周期函数--监听页面初次渲染完成 | |||
*/ | |||
onReady: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面显示 | |||
*/ | |||
onShow: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面隐藏 | |||
*/ | |||
onHide: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面卸载 | |||
*/ | |||
onUnload: function () { | |||
}, | |||
/** | |||
* 页面相关事件处理函数--监听用户下拉动作 | |||
*/ | |||
onPullDownRefresh: function () { | |||
}, | |||
/** | |||
* 页面上拉触底事件的处理函数 | |||
*/ | |||
onReachBottom: function () { | |||
}, | |||
/** | |||
* 用户点击右上角分享 | |||
*/ | |||
onShareAppMessage: function () { | |||
}, | |||
enterLucky:function(){//每日抽奖 | |||
wx.navigateTo({ | |||
url: '/pages/luckyStar/luckyStar' | |||
}) | |||
}, | |||
ruleControl:function(){//规则显示控制 | |||
this.setData({ | |||
ruleShow:!this.data.ruleShow | |||
}) | |||
}, | |||
focusControl:function(){ | |||
this.setData({ | |||
focusState:true | |||
}) | |||
}, | |||
focusControl2:function(){ | |||
this.setData({ | |||
focusState:false | |||
}) | |||
}, | |||
getValue:function(e){ | |||
this.data.inputValue = e.detail.value; | |||
if(e.detail.value){ | |||
this.setData({ | |||
tipImgShow:false | |||
}) | |||
}else{ | |||
this.setData({ | |||
tipImgShow:true | |||
}) | |||
} | |||
this.setData({ | |||
stringValue:e.detail.value | |||
}) | |||
}, | |||
submitPrice2:function(){ | |||
if(this.data.inputValue>150000 || this.data.inputValue<110000){ | |||
this.tipWindowControl(); | |||
}else{ | |||
this.data.guessPrice = this.data.inputValue; | |||
this.data.guessPriceArr = this.data.guessPrice.toString().split(""); | |||
for(let i=0;i<this.data.guessPriceArr.length;i++){ | |||
this.data.guessPriceArr[i] = parseInt(this.data.guessPriceArr[i]); | |||
} | |||
this.setData({ | |||
guessPriceArr:this.data.guessPriceArr | |||
}) | |||
console.log(this.data.guessPrice); | |||
console.log(this.data.guessPriceArr); | |||
this.tipWindowControl2(); | |||
} | |||
// this.submitFirstGuessInfo(); | |||
}, | |||
tipWindowControl:function(){ | |||
this.setData({ | |||
tipWindow:!this.data.tipWindow | |||
}) | |||
if(!this.data.tipWindow){ | |||
this.setData({ | |||
stringValue:"", | |||
tipImgShow:true | |||
}) | |||
} | |||
}, | |||
tipWindowControl2:function(){ | |||
this.setData({ | |||
tipWindow2:!this.data.tipWindow2 | |||
}) | |||
}, | |||
tipWindowControl3:function(){ | |||
this.setData({ | |||
stringValue:"", | |||
tipImgShow:true | |||
}) | |||
this.setData({ | |||
tipWindow2:!this.data.tipWindow2 | |||
}) | |||
} | |||
}) |
@@ -0,0 +1,7 @@ | |||
{ | |||
"navigationBarTitleText": "东风启辰“猜出惊喜”", | |||
"disableScroll":true, | |||
"usingComponents": { | |||
"tabBar": "../component/tabBar/index" | |||
} | |||
} |
@@ -0,0 +1,42 @@ | |||
<!--pages/guessSecondPrize/guessSecondPrize.wxml--> | |||
<view class="main"> | |||
<image class="pageBg" src="{{imgUrl+'/versions/20.png?v=002'}}"></image> | |||
<view class="topGroup"> | |||
<image class="newImages5-2" src="{{imgUrl+'/newImages5/2.png'}}"></image> | |||
<image class="newImages5-1" src="{{imgUrl+'/newImages5/1.png'}}"></image> | |||
</view> | |||
<image class="newImages5-28" src="{{imgUrl+'/newImages5/28.png'}}"></image> | |||
<view> | |||
<view class="newImages4-23"> | |||
<image class="newImages4-bg" src="{{imgUrl+'/newImages4/23.png'}}"></image> | |||
<view class="inputFrame">{{stringValue}}</view> | |||
<view wx:if="{{focusState}}" class="inputFrame2" style="left:{{34+stringValue.length*77}}rpx;"></view> | |||
<image class="tipImg" wx:if="{{tipImgShow}}" src="{{imgUrl+'/newImages5/31.png'}}"></image> | |||
<input class="inputPrice" value="{{stringValue}}" bindfocus="focusControl" bindblur="focusControl2" type="number" maxlength="6" bindinput="getValue"></input> | |||
</view> | |||
<image class="newImages4-24" bindtap="submitPrice2" src="{{imgUrl+'/newImages4/24.png'}}"></image> | |||
</view> | |||
<image class="newImages5-30" src="{{imgUrl+'/newImages5/30.png'}}"></image> | |||
<image class="drawBtn" bindtap="ruleControl" src="{{imgUrl+'/versions/7.png'}}"></image> | |||
<image class="yuyue" bindtap="enterLucky" src="{{imgUrl+'/versions/1.png'}}"></image> | |||
<view class="ruleFrame" wx:if="{{ruleShow}}"> | |||
<image class="gameRule" src="{{imgUrl+'/newImages4/17.png'}}"></image> | |||
<image class="closeRule" bindtap="ruleControl" src="{{imgUrl+'/versions/21.png'}}"></image> | |||
</view> | |||
<view class="ruleFrame ruleFrame2" wx:if="{{tipWindow}}"> | |||
<view class="tipWindow"> | |||
<image class="tipWindowBg" src="{{imgUrl+'/newImages4/36.png'}}"></image> | |||
<image class="tipWindowClose" bindtap="tipWindowControl" src="{{imgUrl+'/newImages4/27.png'}}"></image> | |||
<image class="tipWindowBtn" bindtap="tipWindowControl" src="{{imgUrl+'/newImages4/26.png'}}"></image> | |||
</view> | |||
</view> | |||
<view class="ruleFrame ruleFrame2" wx:if="{{tipWindow2}}"> | |||
<view class="tipWindow"> | |||
<image class="tipWindowBg" src="{{imgUrl+'/newImages4/37.png'}}"></image> | |||
<image class="tipWindowClose" bindtap="tipWindowControl2" src="{{imgUrl+'/newImages4/27.png'}}"></image> | |||
<image class="tipWindowBtn" style="bottom:150rpx;" bindtap="submitFirstGuessInfo" src="{{imgUrl+'/newImages4/29.png'}}"></image> | |||
<image class="tipWindowBtn" bindtap="tipWindowControl3" src="{{imgUrl+'/newImages4/30.png'}}"></image> | |||
</view> | |||
</view> | |||
</view> | |||
<tabBar></tabBar> |
@@ -0,0 +1,195 @@ | |||
/* pages/guessSecondPrize/guessSecondPrize.wxss */ | |||
image{ | |||
display: block; | |||
} | |||
view{ | |||
-webkit-overflow-scrolling: touch; | |||
} | |||
.main{ | |||
height: calc(100vh - 120rpx); | |||
overflow: auto; | |||
position: relative; | |||
} | |||
.pageBg{ | |||
position: absolute; | |||
left: 0; | |||
bottom: 0; | |||
width: 750rpx; | |||
height: 1506rpx; | |||
z-index: -1; | |||
} | |||
.drawBtn{ | |||
width: 81rpx; | |||
height: 81rpx; | |||
position: fixed; | |||
right: 35rpx; | |||
top: 107rpx; | |||
} | |||
.yuyue{ | |||
width: 81rpx; | |||
height: 81rpx; | |||
position: fixed; | |||
right: 35rpx; | |||
top: 214rpx; | |||
} | |||
.ruleFrame{ | |||
position: fixed; | |||
top:0; | |||
left: 0; | |||
height: calc(100vh - 120rpx); | |||
overflow: auto; | |||
} | |||
.ruleFrame2{ | |||
width: 100%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
background-color: rgba(0,0,0,0.5); | |||
z-index: 9; | |||
} | |||
.tipWindow{ | |||
position: relative; | |||
width: 501rpx; | |||
height: 470rpx; | |||
} | |||
.tipWindowBg{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.tipWindowClose{ | |||
position: absolute; | |||
top: -32rpx; | |||
right: -32rpx; | |||
width: 42rpx; | |||
height: 42rpx; | |||
} | |||
.tipWindowBtn{ | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
bottom: 60rpx; | |||
width: 390rpx; | |||
height: 60rpx; | |||
} | |||
.gameRule{ | |||
width: 750rpx; | |||
height: 2362rpx; | |||
margin-top: -1rpx; | |||
} | |||
.closeRule{ | |||
position: fixed; | |||
right: 70rpx; | |||
top: 102rpx; | |||
width: 56rpx; | |||
height: 57rpx; | |||
} | |||
.topGroup{ | |||
position: relative; | |||
width: 678rpx; | |||
height: 388rpx; | |||
margin: 0 auto; | |||
margin-top: 100rpx; | |||
} | |||
.newImages5-2{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.newImages5-1{ | |||
position: absolute; | |||
left: 60rpx; | |||
bottom: 55rpx; | |||
width: 221rpx; | |||
height: 35rpx; | |||
} | |||
.newImages5-28{ | |||
width: 504rpx; | |||
height: 90rpx; | |||
margin:65rpx auto 25rpx; | |||
} | |||
.newImages5-30{ | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
bottom: 50rpx; | |||
width: 711rpx; | |||
height: 70rpx; | |||
} | |||
.newImages4-22{ | |||
width: 504rpx; | |||
height: 90rpx; | |||
margin: 0 auto; | |||
margin-top: 84rpx; | |||
} | |||
.newImages4-23{ | |||
width: 567rpx; | |||
height: 145rpx; | |||
margin-left: 108rpx; | |||
margin-top: 24rpx; | |||
position: relative; | |||
overflow: hidden; | |||
} | |||
.newImages4-bg{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.inputPrice{ | |||
position: absolute; | |||
left: -100%; | |||
top: 0; | |||
width: 5320rpx; | |||
height: 100%; | |||
line-height: 145rpx; | |||
font-size:24rpx; | |||
font-family:PingFangSC; | |||
font-weight:600; | |||
color:rgba(0,0,0,1); | |||
padding: 0 34rpx; | |||
box-sizing: border-box; | |||
} | |||
.newImages4-24{ | |||
width: 389rpx; | |||
height: 60rpx; | |||
margin:0 auto; | |||
margin-top: 25rpx; | |||
} | |||
.inputFrame{ | |||
position: absolute; | |||
left: 0; | |||
top: 0; | |||
width: 532rpx; | |||
height: 100%; | |||
line-height: 145rpx; | |||
font-size:77rpx; | |||
font-family:PingFangSC; | |||
font-weight:bold; | |||
color:rgba(0,0,0,1); | |||
padding: 0 34rpx; | |||
box-sizing: border-box; | |||
letter-spacing:36rpx; | |||
} | |||
.inputFrame2{ | |||
position: absolute; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
height: 77rpx; | |||
left: 34rpx; | |||
width: 1rpx; | |||
background-color: #000; | |||
animation: focus 0.9s linear infinite; | |||
} | |||
@keyframes focus { | |||
from { | |||
opacity: 1; | |||
} | |||
to { | |||
opacity: 0; | |||
} | |||
} | |||
.tipImg{ | |||
width: 443rpx; | |||
height: 35rpx; | |||
position: absolute; | |||
left: 46%; | |||
top: 50%; | |||
transform: translate(-50%,-50%); | |||
} |
@@ -0,0 +1,92 @@ | |||
// pages/perfectMsg/perfectMsg.js | |||
const app = getApp(); | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
imgUrl: app.globalData.urlStatic,//图片路径 | |||
selectType:2,//选中的手机号类型 | |||
}, | |||
/** | |||
* 生命周期函数--监听页面加载 | |||
*/ | |||
onLoad: function (options) { | |||
app.globalData.nowPage = 3; | |||
if (app.globalData.openid) { | |||
this.loadFun(); | |||
} else { | |||
app.globalData.openidSuccessFuc = this.loadFun; | |||
} | |||
}, | |||
loadFun:function(){ | |||
}, | |||
/** | |||
* 生命周期函数--监听页面初次渲染完成 | |||
*/ | |||
onReady: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面显示 | |||
*/ | |||
onShow: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面隐藏 | |||
*/ | |||
onHide: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面卸载 | |||
*/ | |||
onUnload: function () { | |||
}, | |||
/** | |||
* 页面相关事件处理函数--监听用户下拉动作 | |||
*/ | |||
onPullDownRefresh: function () { | |||
}, | |||
/** | |||
* 页面上拉触底事件的处理函数 | |||
*/ | |||
onReachBottom: function () { | |||
}, | |||
/** | |||
* 用户点击右上角分享 | |||
*/ | |||
onShareAppMessage: function () { | |||
}, | |||
enterLucky:function(){//每日抽奖 | |||
wx.navigateTo({ | |||
url: '/pages/luckyStar/luckyStar' | |||
}) | |||
}, | |||
ruleControl:function(){//规则显示控制 | |||
this.setData({ | |||
ruleShow:!this.data.ruleShow | |||
}) | |||
}, | |||
chooseType:function(e){//选中的手机号类型 | |||
this.setData({ | |||
selectType:e.currentTarget.dataset.type | |||
}) | |||
} | |||
}) |
@@ -0,0 +1,6 @@ | |||
{ | |||
"navigationBarTitleText": "东风启辰“猜出惊喜”", | |||
"usingComponents": { | |||
"tabBar": "../component/tabBar/index" | |||
} | |||
} |
@@ -0,0 +1,42 @@ | |||
<!--pages/perfectMsg/perfectMsg.wxml--> | |||
<view class="main"> | |||
<image class="pageBg" src="{{imgUrl+'/versions/20.png?v=002'}}"></image> | |||
<view class="pageTitle">完善个人信息</view> | |||
<view class="selectGroup"> | |||
<view class="selectType {{selectType==1?'selectType2':''}}" bindtap="chooseType" data-type="1" style="margin-bottom:20rpx;">使用微信绑定手机号</view> | |||
<view class="selectType {{selectType==2?'selectType2':''}}" bindtap="chooseType" data-type="2">使用手机号码</view> | |||
</view> | |||
<view class="userMsgFrame"> | |||
<input class="userMsgGroup" placeholder="请输入您的姓名" placeholder-style="color:#B3B3B3;"></input> | |||
<input class="userMsgGroup" placeholder="请输入您的联系电话" type="number" placeholder-style="color:#B3B3B3;"></input> | |||
<view class="userMsgGroup userMsgGroup2"> | |||
<input style="width:300rpx;" placeholder="请输入验证码" placeholder-style="color:#B3B3B3;"></input> | |||
<view class="getCode">获取验证码</view> | |||
</view> | |||
<picker> | |||
<view class="userMsgGroup userMsgGroup2"> | |||
<view>北京 北京</view> | |||
<image class="selectIcon" src="{{imgUrl+'/newImages5/17.png'}}"></image> | |||
</view> | |||
</picker> | |||
<picker> | |||
<view class="userMsgGroup userMsgGroup2" style="margin-bottom:0;"> | |||
<view>北京 北京</view> | |||
<image class="selectIcon" src="{{imgUrl+'/newImages5/17.png'}}"></image> | |||
</view> | |||
</picker> | |||
</view> | |||
<!-- <view class="protocolGroup"> | |||
<image class="protocolIcon" src=""></image> | |||
<image class="protocolText"></image> | |||
<image class="protocolBtn"></image> | |||
</view> --> | |||
<image class="submitBtn" src="{{imgUrl+'/newImages5/18.png'}}"></image> | |||
<image class="drawBtn" bindtap="ruleControl" src="{{imgUrl+'/versions/7.png'}}"></image> | |||
<image class="yuyue" bindtap="enterLucky" src="{{imgUrl+'/versions/1.png'}}"></image> | |||
<view class="ruleFrame" wx:if="{{ruleShow}}"> | |||
<image class="gameRule" src="{{imgUrl+'/newImages4/17.png'}}"></image> | |||
<image class="closeRule" bindtap="ruleControl" src="{{imgUrl+'/versions/21.png'}}"></image> | |||
</view> | |||
</view> | |||
<tabBar></tabBar> |
@@ -0,0 +1,123 @@ | |||
/* pages/perfectMsg/perfectMsg.wxss */ | |||
image{ | |||
display: block; | |||
} | |||
view{ | |||
-webkit-overflow-scrolling: touch; | |||
} | |||
.main{ | |||
height: calc(100vh - 120rpx); | |||
overflow: auto; | |||
position: relative; | |||
} | |||
.pageBg{ | |||
position: absolute; | |||
left: 0; | |||
bottom: 0; | |||
width: 750rpx; | |||
height: 1506rpx; | |||
z-index: -1; | |||
} | |||
.drawBtn{ | |||
width: 81rpx; | |||
height: 81rpx; | |||
position: fixed; | |||
right: 35rpx; | |||
top: 107rpx; | |||
} | |||
.yuyue{ | |||
width: 81rpx; | |||
height: 81rpx; | |||
position: fixed; | |||
right: 35rpx; | |||
top: 214rpx; | |||
} | |||
.ruleFrame{ | |||
position: fixed; | |||
top:0; | |||
left: 0; | |||
height: calc(100vh - 120rpx); | |||
overflow: auto; | |||
} | |||
.gameRule{ | |||
width: 750rpx; | |||
height: 2362rpx; | |||
margin-top: -1rpx; | |||
} | |||
.closeRule{ | |||
position: fixed; | |||
right: 70rpx; | |||
top: 102rpx; | |||
width: 56rpx; | |||
height: 57rpx; | |||
} | |||
.pageTitle{ | |||
margin: 0 auto; | |||
width: 650rpx; | |||
line-height: 40rpx; | |||
font-size:40rpx; | |||
font-family:PingFangSC; | |||
font-weight:400; | |||
color:rgba(255,255,255,1); | |||
padding-top: 200rpx; | |||
padding-bottom: 30rpx; | |||
border-bottom: 2rpx solid #73788d; | |||
} | |||
.selectGroup{ | |||
margin: 0 auto; | |||
width: 650rpx; | |||
margin-top: 85rpx; | |||
margin-bottom: 45rpx; | |||
} | |||
.selectType{ | |||
border:2rpx solid #73788d; | |||
border-radius: 20rpx; | |||
width: 100%; | |||
height: 70rpx; | |||
line-height: 70rpx; | |||
font-size:30rpx; | |||
font-family:PingFangSC; | |||
font-weight:300; | |||
color:rgba(255,255,255,1); | |||
text-align: center; | |||
} | |||
.selectType2{ | |||
background-color: white; | |||
color: #182a72; | |||
} | |||
.userMsgFrame{ | |||
margin: 0 auto; | |||
width: 650rpx; | |||
} | |||
.userMsgGroup{ | |||
border:2rpx solid #73788d; | |||
border-radius: 20rpx; | |||
width: 100%; | |||
height: 65rpx; | |||
line-height: 61rpx; | |||
font-size:24rpx; | |||
font-family:PingFangSC; | |||
font-weight:400; | |||
color:rgba(255,255,255,1); | |||
padding: 0 35rpx; | |||
box-sizing: border-box; | |||
margin-bottom: 15rpx; | |||
} | |||
.userMsgGroup2{ | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
} | |||
.getCode{ | |||
width: 130rpx; | |||
text-align: center; | |||
} | |||
.selectIcon{ | |||
width: 23rpx; | |||
height: 13rpx; | |||
} | |||
.submitBtn{ | |||
width: 711rpx; | |||
height: 70rpx; | |||
margin: 0 auto; | |||
} |
@@ -21,6 +21,7 @@ Component({ | |||
district: "",//地区 | |||
addressDetail: ""//详细 | |||
}, | |||
selectType:2, | |||
avatarUrlShow:"", | |||
userData:{ | |||
avatarUrl:"", | |||
@@ -255,6 +256,11 @@ Component({ | |||
}) | |||
} | |||
}) | |||
}, | |||
changeSelectType:function(e){ | |||
this.setData({ | |||
selectType:e.currentTarget.dataset.type | |||
}) | |||
} | |||
} | |||
}) |
@@ -12,33 +12,39 @@ | |||
<!-- <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> --> | |||
</view> | |||
</view> | |||
<view class="headGroup nickGroup"> | |||
<view class="headGroup nickGroup" style="margin-bottom:0;"> | |||
<view class="headTitle">昵称</view> | |||
<view class="selectGroup"> | |||
<input class="nickName" bindinput="getNickName" value="{{userData.nickName}}"></input> | |||
<image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> | |||
</view> | |||
</view> | |||
<view class="msgGroup"> | |||
<view class="selectTypeGroup"> | |||
<image class="selectTypeImg" bindtap="changeSelectType" data-type="1" style="margin-bottom:24rpx;" src="{{imgUrl+'/newImages5/'+(selectType==1?32:34)+'.png'}}"></image> | |||
<image class="selectTypeImg" bindtap="changeSelectType" data-type="2" src="{{imgUrl+'/newImages5/'+(selectType==2?35:33)+'.png'}}"></image> | |||
</view> | |||
<view class="userMsgGroup"> | |||
<view class="userMsgtitle">姓名</view> | |||
<input class="userMsgInput" placeholder="请输入姓名"></input> | |||
</view> | |||
<!-- <view class="msgGroup"> | |||
<view class="msgTitle">收货人:</view> | |||
<input class="msgInput" bindinput="getRealName" value="{{submitData.realName}}"></input> | |||
</view> | |||
<view class="msgGroup"> | |||
<view class="msgTitle">手机号码:</view> | |||
<input class="msgInput" maxlength='11' type="number" bindinput="getMobile" value="{{submitData.mobile}}"></input> | |||
<!-- <button wx:if="{{!phoneInputShow}}" class="msgInput buttonSty" style="width:530rpx;height: 62rpx;margin: 0;padding: 0;min-height: 0;opacity:0;" open-type="getPhoneNumber" bindgetphonenumber="getUserPhone"></button> --> | |||
</view> | |||
<view class="msgGroup"> | |||
<view class="msgTitle">所在地区:</view> | |||
<picker class="pickerSty" mode="region" bindchange="addressChange" value="{{[submitData.province,submitData.city,submitData.district]}}"> | |||
<!-- <picker class="pickerSty" mode="region" bindchange="addressChange"> --> | |||
<view class="msgInput">{{submitData.province+" "+submitData.city+" "+submitData.district}}</view> | |||
</picker> | |||
</view> | |||
<view class="msgGroup addressDetail"> | |||
<view class="msgTitle">详细地址:</view> | |||
<view class="msgTitle">收货地址:</view> | |||
<textarea class="msgInput addressTextarea" maxlength="-1" style="margin-top:{{marginT}}rpx;" bindinput="getAddressDetail" value="{{submitData.addressDetail}}"></textarea> | |||
</view> | |||
</view> --> | |||
</view> | |||
<image class="saveAddress" bindtap="saveUserMsg" src="{{imgUrl+'/newImages2/96.png'}}"></image> | |||
</view> |
@@ -129,4 +129,32 @@ | |||
.selectGroup{ | |||
display: flex; | |||
align-items: center; | |||
} | |||
.selectTypeGroup{ | |||
margin:0 auto; | |||
width: 653rpx; | |||
padding: 45rpx 0; | |||
} | |||
.selectTypeImg{ | |||
width: 653rpx; | |||
height: 70rpx; | |||
} | |||
.userMsgGroup{ | |||
width: 650rpx; | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
} | |||
.userMsgtitle{ | |||
line-height: 24rpx; | |||
font-size:24rpx; | |||
font-family:PingFangSC; | |||
font-weight:400; | |||
color:rgba(35,24,21,1); | |||
} | |||
.userMsgInput{ | |||
width:540rpx; | |||
height: 65rpx; | |||
border: 2rpx solid #aaaaaa; | |||
border-radius: 20rpx; | |||
} |
@@ -4,7 +4,7 @@ | |||
"ignore": [] | |||
}, | |||
"setting": { | |||
"urlCheck": true, | |||
"urlCheck": false, | |||
"es6": true, | |||
"postcss": true, | |||
"minified": true, | |||
@@ -188,6 +188,30 @@ | |||
"name": "预测价格", | |||
"pathName": "pages/guessPrize/guessPrize", | |||
"query": "" | |||
}, | |||
{ | |||
"id": -1, | |||
"name": "二轮竞猜", | |||
"pathName": "pages/guessSecond/guessSecond", | |||
"query": "" | |||
}, | |||
{ | |||
"id": -1, | |||
"name": "竞猜完善资料", | |||
"pathName": "pages/perfectMsg/perfectMsg", | |||
"query": "" | |||
}, | |||
{ | |||
"id": -1, | |||
"name": "竞猜海报", | |||
"pathName": "pages/guessPoster/guessPoster", | |||
"query": "" | |||
}, | |||
{ | |||
"id": -1, | |||
"name": "二次竞猜价格", | |||
"pathName": "pages/guessSecondPrize/guessSecondPrize", | |||
"query": "" | |||
} | |||
] | |||
} |