Selaa lähdekoodia

二次竞猜页面开发中

guessPrice
suizhijia 5 vuotta sitten
vanhempi
commit
8e7738e5af
24 muutettua tiedostoa jossa 1285 lisäystä ja 14 poistoa
  1. +4
    -4
      496_dongfengqichen/app.js
  2. +5
    -1
      496_dongfengqichen/app.json
  3. +1
    -1
      496_dongfengqichen/pages/guess/guess.json
  4. +76
    -0
      496_dongfengqichen/pages/guessPoster/guessPoster.js
  5. +6
    -0
      496_dongfengqichen/pages/guessPoster/guessPoster.json
  6. +26
    -0
      496_dongfengqichen/pages/guessPoster/guessPoster.wxml
  7. +72
    -0
      496_dongfengqichen/pages/guessPoster/guessPoster.wxss
  8. +1
    -1
      496_dongfengqichen/pages/guessPrize/guessPrize.json
  9. +105
    -0
      496_dongfengqichen/pages/guessSecond/guessSecond.js
  10. +7
    -0
      496_dongfengqichen/pages/guessSecond/guessSecond.json
  11. +51
    -0
      496_dongfengqichen/pages/guessSecond/guessSecond.wxml
  12. +194
    -0
      496_dongfengqichen/pages/guessSecond/guessSecond.wxss
  13. +159
    -0
      496_dongfengqichen/pages/guessSecondPrize/guessSecondPrize.js
  14. +7
    -0
      496_dongfengqichen/pages/guessSecondPrize/guessSecondPrize.json
  15. +42
    -0
      496_dongfengqichen/pages/guessSecondPrize/guessSecondPrize.wxml
  16. +195
    -0
      496_dongfengqichen/pages/guessSecondPrize/guessSecondPrize.wxss
  17. +92
    -0
      496_dongfengqichen/pages/perfectMsg/perfectMsg.js
  18. +6
    -0
      496_dongfengqichen/pages/perfectMsg/perfectMsg.json
  19. +42
    -0
      496_dongfengqichen/pages/perfectMsg/perfectMsg.wxml
  20. +123
    -0
      496_dongfengqichen/pages/perfectMsg/perfectMsg.wxss
  21. +6
    -0
      496_dongfengqichen/pages/userMsg/userMsg.js
  22. +12
    -6
      496_dongfengqichen/pages/userMsg/userMsg.wxml
  23. +28
    -0
      496_dongfengqichen/pages/userMsg/userMsg.wxss
  24. +25
    -1
      496_dongfengqichen/project.config.json

+ 4
- 4
496_dongfengqichen/app.js Näytä tiedosto

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

+ 5
- 1
496_dongfengqichen/app.json Näytä tiedosto

@@ -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
- 1
496_dongfengqichen/pages/guess/guess.json Näytä tiedosto

@@ -1,5 +1,5 @@
{
"navigationBarTitleText": "猜出惊喜",
"navigationBarTitleText": "东风启辰“猜出惊喜",
"usingComponents": {
"tabBar": "../component/tabBar/index",
"yuyue": "/pages/yuyue/yuyue"

+ 76
- 0
496_dongfengqichen/pages/guessPoster/guessPoster.js Näytä tiedosto

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

+ 6
- 0
496_dongfengqichen/pages/guessPoster/guessPoster.json Näytä tiedosto

@@ -0,0 +1,6 @@
{
"navigationBarTitleText": "东风启辰“猜出惊喜”",
"usingComponents": {
"tabBar": "../component/tabBar/index"
}
}

+ 26
- 0
496_dongfengqichen/pages/guessPoster/guessPoster.wxml Näytä tiedosto

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

+ 72
- 0
496_dongfengqichen/pages/guessPoster/guessPoster.wxss Näytä tiedosto

@@ -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
- 1
496_dongfengqichen/pages/guessPrize/guessPrize.json Näytä tiedosto

@@ -1,5 +1,5 @@
{
"navigationBarTitleText": "猜出惊喜",
"navigationBarTitleText": "东风启辰“猜出惊喜",
"disableScroll":true,
"usingComponents": {
"tabBar": "../component/tabBar/index",

+ 105
- 0
496_dongfengqichen/pages/guessSecond/guessSecond.js Näytä tiedosto

@@ -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(){//马上领取

}
})

+ 7
- 0
496_dongfengqichen/pages/guessSecond/guessSecond.json Näytä tiedosto

@@ -0,0 +1,7 @@
{
"navigationBarTitleText": "东风启辰“猜出惊喜”",
"disableScroll":true,
"usingComponents": {
"tabBar": "../component/tabBar/index"
}
}

+ 51
- 0
496_dongfengqichen/pages/guessSecond/guessSecond.wxml Näytä tiedosto

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

+ 194
- 0
496_dongfengqichen/pages/guessSecond/guessSecond.wxss Näytä tiedosto

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

+ 159
- 0
496_dongfengqichen/pages/guessSecondPrize/guessSecondPrize.js Näytä tiedosto

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

+ 7
- 0
496_dongfengqichen/pages/guessSecondPrize/guessSecondPrize.json Näytä tiedosto

@@ -0,0 +1,7 @@
{
"navigationBarTitleText": "东风启辰“猜出惊喜”",
"disableScroll":true,
"usingComponents": {
"tabBar": "../component/tabBar/index"
}
}

+ 42
- 0
496_dongfengqichen/pages/guessSecondPrize/guessSecondPrize.wxml Näytä tiedosto

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

+ 195
- 0
496_dongfengqichen/pages/guessSecondPrize/guessSecondPrize.wxss Näytä tiedosto

@@ -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%);
}

+ 92
- 0
496_dongfengqichen/pages/perfectMsg/perfectMsg.js Näytä tiedosto

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

+ 6
- 0
496_dongfengqichen/pages/perfectMsg/perfectMsg.json Näytä tiedosto

@@ -0,0 +1,6 @@
{
"navigationBarTitleText": "东风启辰“猜出惊喜”",
"usingComponents": {
"tabBar": "../component/tabBar/index"
}
}

+ 42
- 0
496_dongfengqichen/pages/perfectMsg/perfectMsg.wxml Näytä tiedosto

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

+ 123
- 0
496_dongfengqichen/pages/perfectMsg/perfectMsg.wxss Näytä tiedosto

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

+ 6
- 0
496_dongfengqichen/pages/userMsg/userMsg.js Näytä tiedosto

@@ -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
- 6
496_dongfengqichen/pages/userMsg/userMsg.wxml Näytä tiedosto

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

+ 28
- 0
496_dongfengqichen/pages/userMsg/userMsg.wxss Näytä tiedosto

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

+ 25
- 1
496_dongfengqichen/project.config.json Näytä tiedosto

@@ -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": ""
}
]
}

Loading…
Peruuta
Tallenna