Browse Source

页面更新

guessPrice
suizhijia 5 years ago
parent
commit
f29c9677e3
3 changed files with 53 additions and 23 deletions
  1. +15
    -3
      496_dongfengqichen/pages/guessPrize/guessPrize.js
  2. +11
    -9
      496_dongfengqichen/pages/guessPrize/guessPrize.wxml
  3. +27
    -11
      496_dongfengqichen/pages/guessPrize/guessPrize.wxss

+ 15
- 3
496_dongfengqichen/pages/guessPrize/guessPrize.js View File

stringValue:"", stringValue:"",
tipWindow:false,//是否显示价格超出的提示弹窗 tipWindow:false,//是否显示价格超出的提示弹窗
tipWindow2:false, tipWindow2:false,
focusState:false
focusState:false,
tipImgShow:true,
}, },


/** /**
}, },
getValue:function(e){ getValue:function(e){
this.data.inputValue = e.detail.value; this.data.inputValue = e.detail.value;
if(e.detail.value){
this.setData({
tipImgShow:false
})
}else{
this.setData({
tipImgShow:true
})
}
this.setData({ this.setData({
stringValue:e.detail.value stringValue:e.detail.value
}) })
}) })
if(!this.data.tipWindow){ if(!this.data.tipWindow){
this.setData({ this.setData({
stringValue:""
stringValue:"",
tipImgShow:true
}) })
} }
}, },
}, },
tipWindowControl3:function(){ tipWindowControl3:function(){
this.setData({ this.setData({
stringValue:""
stringValue:"",
tipImgShow:true
}) })
this.setData({ this.setData({
tipWindow2:!this.data.tipWindow2 tipWindow2:!this.data.tipWindow2

+ 11
- 9
496_dongfengqichen/pages/guessPrize/guessPrize.wxml View File

<view class="main" style="overflow:{{slideState?'hidden':'auto'}};"> <view class="main" style="overflow:{{slideState?'hidden':'auto'}};">
<image class="pageBg" src="{{imgUrl+'/versions/20.png?v=002'}}"></image> <image class="pageBg" src="{{imgUrl+'/versions/20.png?v=002'}}"></image>
<image class="ruleBtn" bindtap="ruleControl" src="{{imgUrl+'/versions/7.png'}}"></image> <image class="ruleBtn" bindtap="ruleControl" src="{{imgUrl+'/versions/7.png'}}"></image>
<image class="drawBtn" bindtap="enterLucky" src="{{imgUrl+'/versions/1.png'}}"></image>
<image class="versions-14" src="{{imgUrl+'/versions/14.png'}}"></image> <image class="versions-14" src="{{imgUrl+'/versions/14.png'}}"></image>
<image class="versions-15" src="{{imgUrl+'/versions/15.png'}}"></image> <image class="versions-15" src="{{imgUrl+'/versions/15.png'}}"></image>
<image class="versions-9" bindtap="lookConfigure" src="{{imgUrl+'/versions/9.png'}}"></image>
<image class="versions-9" bindtap="lookConfigure" src="{{imgUrl+'/newImages4/35.png'}}"></image>
<image class="versions-16" src="{{imgUrl+'/versions/16.png'}}"></image> <image class="versions-16" src="{{imgUrl+'/versions/16.png'}}"></image>
<view wx:if="{{submitBefore}}"> <view wx:if="{{submitBefore}}">
<image class="newImages4-22" src="{{imgUrl+'/newImages4/22.png'}}"></image> <image class="newImages4-22" src="{{imgUrl+'/newImages4/22.png'}}"></image>
<view class="newImages4-23"> <view class="newImages4-23">
<image src="{{imgUrl+'/newImages4/23.png'}}"></image>
<image class="newImages4-bg" src="{{imgUrl+'/newImages4/23.png'}}"></image>
<view class="inputFrame">{{stringValue}}</view> <view class="inputFrame">{{stringValue}}</view>
<view wx:if="{{focusState}}" class="inputFrame2" style="left:{{34+stringValue.length*77}}rpx;"></view> <view wx:if="{{focusState}}" class="inputFrame2" style="left:{{34+stringValue.length*77}}rpx;"></view>
<image class="tipImg" wx:if="{{tipImgShow}}" src="{{imgUrl+'/newImages4/32.png'}}"></image>
<input class="inputPrice" value="{{stringValue}}" bindfocus="focusControl" bindblur="focusControl2" type="number" maxlength="6" bindinput="getValue"></input> <input class="inputPrice" value="{{stringValue}}" bindfocus="focusControl" bindblur="focusControl2" type="number" maxlength="6" bindinput="getValue"></input>
</view> </view>
<image class="newImages4-24" bindtap="submitPrice2" src="{{imgUrl+'/newImages4/24.png'}}"></image> <image class="newImages4-24" bindtap="submitPrice2" src="{{imgUrl+'/newImages4/24.png'}}"></image>
</view> </view>
<view wx:if="{{firstPrice}}" class="slideMask"></view> <view wx:if="{{firstPrice}}" class="slideMask"></view>
</view> </view>
<image class="versions-8" wx:if="{{!firstPrice}}" bindtap="submitPrice" src="{{imgUrl+'/versions/8.png'}}"></image>
<image class="versions-8" wx:if="{{firstPrice}}" bindtap="submitPrice" src="{{imgUrl+'/newImages4/18.png'}}"></image>
<image class="versions-18" src="{{imgUrl+'/versions/18.png'}}"></image>
<image class="versions-8" wx:if="{{!firstPrice}}" bindtap="submitPrice" src="{{imgUrl+'/newImages4/24.png'}}"></image>
<image class="versions-8" wx:if="{{firstPrice}}" bindtap="submitPrice" src="{{imgUrl+'/newImages4/34.png'}}"></image>
<image class="versions-18" src="{{imgUrl+'/newImages4/33.png'}}"></image>
</view> </view>
<!-- <view class="timeFrame"> <!-- <view class="timeFrame">
<image class="versions-12" src="{{imgUrl+'/versions/12.png'}}"></image> <image class="versions-12" src="{{imgUrl+'/versions/12.png'}}"></image>
<image class="versions-11" src="{{imgUrl+'/versions/11.png'}}"></image> <image class="versions-11" src="{{imgUrl+'/versions/11.png'}}"></image>
<image class="versions-12" src="{{imgUrl+'/versions/12.png'}}"></image> <image class="versions-12" src="{{imgUrl+'/versions/12.png'}}"></image>
</view> --> </view> -->
<view class="btnGroup">
<!-- <view class="btnGroup">
<image class="versions-5" bindtap="yuyueControl" src="{{imgUrl+'/versions/5.png'}}"></image> <image class="versions-5" bindtap="yuyueControl" src="{{imgUrl+'/versions/5.png'}}"></image>
<image class="versions-5" bindtap="enterLucky" style="margin-top:20rpx;" src="{{imgUrl+'/versions/6.png'}}"></image> <image class="versions-5" bindtap="enterLucky" style="margin-top:20rpx;" src="{{imgUrl+'/versions/6.png'}}"></image>
</view>
</view> -->
<view class="ruleFrame" wx:if="{{ruleShow}}"> <view class="ruleFrame" wx:if="{{ruleShow}}">
<image class="gameRule" src="{{imgUrl+'/newImages4/17.png'}}"></image> <image class="gameRule" src="{{imgUrl+'/newImages4/17.png'}}"></image>
<image class="closeRule" bindtap="ruleControl" src="{{imgUrl+'/versions/21.png'}}"></image> <image class="closeRule" bindtap="ruleControl" src="{{imgUrl+'/versions/21.png'}}"></image>
</view> </view>
<view class="ruleFrame ruleFrame2" wx:if="{{tipWindow}}"> <view class="ruleFrame ruleFrame2" wx:if="{{tipWindow}}">
<view class="tipWindow"> <view class="tipWindow">
<image class="tipWindowBg" src="{{imgUrl+'/newImages4/25.png'}}"></image>
<image class="tipWindowBg" src="{{imgUrl+'/newImages4/36.png'}}"></image>
<image class="tipWindowClose" bindtap="tipWindowControl" src="{{imgUrl+'/newImages4/27.png'}}"></image> <image class="tipWindowClose" bindtap="tipWindowControl" src="{{imgUrl+'/newImages4/27.png'}}"></image>
<image class="tipWindowBtn" bindtap="tipWindowControl" src="{{imgUrl+'/newImages4/26.png'}}"></image> <image class="tipWindowBtn" bindtap="tipWindowControl" src="{{imgUrl+'/newImages4/26.png'}}"></image>
</view> </view>
</view> </view>
<view class="ruleFrame ruleFrame2" wx:if="{{tipWindow2}}"> <view class="ruleFrame ruleFrame2" wx:if="{{tipWindow2}}">
<view class="tipWindow"> <view class="tipWindow">
<image class="tipWindowBg" src="{{imgUrl+'/newImages4/28.png'}}"></image>
<image class="tipWindowBg" src="{{imgUrl+'/newImages4/37.png'}}"></image>
<image class="tipWindowClose" bindtap="tipWindowControl2" src="{{imgUrl+'/newImages4/27.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" style="bottom:150rpx;" bindtap="submitFirstGuessInfo" src="{{imgUrl+'/newImages4/29.png'}}"></image>
<image class="tipWindowBtn" bindtap="tipWindowControl3" src="{{imgUrl+'/newImages4/30.png'}}"></image> <image class="tipWindowBtn" bindtap="tipWindowControl3" src="{{imgUrl+'/newImages4/30.png'}}"></image>

+ 27
- 11
496_dongfengqichen/pages/guessPrize/guessPrize.wxss View File

} }
.tipWindow{ .tipWindow{
position: relative; position: relative;
width: 591rpx;
height: 483rpx;
width: 501rpx;
height: 470rpx;
} }
.tipWindowBg{ .tipWindowBg{
width: 100%; width: 100%;
width: 368rpx; width: 368rpx;
height: 30rpx; height: 30rpx;
margin: 15rpx auto; margin: 15rpx auto;
margin-bottom: 20rpx;
} }
.versions-9{ .versions-9{
width: 374rpx;
height: 44rpx;
width: 389rpx;
height: 60rpx;
margin: 0 auto; margin: 0 auto;
} }
.versions-16{ .versions-16{
margin-left: 124rpx; margin-left: 124rpx;
} }
.versions-8{ .versions-8{
width: 374rpx;
height: 44rpx;
width: 389rpx;
height: 60rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 15rpx;
margin-top: 30rpx;
} }
.versions-18{ .versions-18{
width: 382rpx;
height: 54rpx;
width: 486rpx;
height: 84rpx;
margin: 0 auto; margin: 0 auto;
margin-top: 20rpx;
margin-top: 84rpx;
} }
.timeFrame{ .timeFrame{
display: flex; display: flex;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.newImages4-23>image{
.newImages4-bg{
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
to { to {
opacity: 0; opacity: 0;
} }
}
.tipImg{
width: 440rpx;
height: 35rpx;
position: absolute;
left: 46%;
top: 50%;
transform: translate(-50%,-50%);
}
.drawBtn{
width: 81rpx;
height: 81rpx;
position: fixed;
right: 35rpx;
top: 220rpx;
} }

Loading…
Cancel
Save