| imgUrl: app.globalData.urlStatic,//图片路径 | imgUrl: app.globalData.urlStatic,//图片路径 | ||||
| yuyueShow:false, | yuyueShow:false, | ||||
| userType:1, | userType:1, | ||||
| isShowFun:false | |||||
| }, | }, | ||||
| /** | /** | ||||
| * 生命周期函数--监听页面显示 | * 生命周期函数--监听页面显示 | ||||
| */ | */ | ||||
| onShow: function () { | onShow: function () { | ||||
| if(app.globalData.getSecondGuessInfo.firstData){ | |||||
| this.data.userType = 1; | |||||
| // if(app.globalData.getSecondGuessInfo.firstData){ | |||||
| // this.data.userType = 1; | |||||
| // } | |||||
| if(this.data.isShowFun){ | |||||
| var getSecondGuessInfo = app.globalData.getSecondGuessInfo; | |||||
| var userType = 1; | |||||
| if(getSecondGuessInfo.secondData){ | |||||
| userType = 1; | |||||
| // console.log("查看第二轮价格") | |||||
| }else if(!getSecondGuessInfo.firstData && !getSecondGuessInfo.secondData){ | |||||
| userType = 2; | |||||
| // console.log("开始竞猜"); | |||||
| }else if(getSecondGuessInfo.firstData.lucky_result==-1){ | |||||
| userType = 3; | |||||
| // console.log("调整价格"); | |||||
| }else{ | |||||
| userType = 4; | |||||
| // console.log("去抽大奖"); | |||||
| } | |||||
| this.setData({ | |||||
| userType:userType | |||||
| }) | |||||
| } | } | ||||
| }, | }, | ||||
| }) | }) | ||||
| }, | }, | ||||
| enterGuessPrize:function(){//开始竞猜 | enterGuessPrize:function(){//开始竞猜 | ||||
| if(this.data.userType == 1){ | |||||
| if(this.data.userType == 1 || this.data.userType == 2){ | |||||
| wx.navigateTo({ | wx.navigateTo({ | ||||
| url: '/pages/guessSecondPrize/guessSecondPrize' | url: '/pages/guessSecondPrize/guessSecondPrize' | ||||
| }) | }) | ||||
| }else if(this.data.userType == 2){ | |||||
| }else if(this.data.userType == 3){ | |||||
| wx.navigateTo({ | wx.navigateTo({ | ||||
| url: '/pages/guessSecond/guessSecond?type=1' | url: '/pages/guessSecond/guessSecond?type=1' | ||||
| }) | }) | ||||
| app.wxRequest(app.globalData.urlRoot + "guessPrice/getSecondGuessInfo", {}, res => { | app.wxRequest(app.globalData.urlRoot + "guessPrice/getSecondGuessInfo", {}, res => { | ||||
| if (res.code == 200) { | if (res.code == 200) { | ||||
| app.globalData.getSecondGuessInfo = res.data; | app.globalData.getSecondGuessInfo = res.data; | ||||
| if(res.data.secondData || !res.data.firstData){ | |||||
| this.data.userType = 1; | |||||
| // if(res.data.secondData || !res.data.firstData){ | |||||
| // this.data.userType = 1; | |||||
| // }else if(res.data.firstData.lucky_result==-1){ | |||||
| // this.data.userType = 2; | |||||
| // }else{ | |||||
| // this.data.userType = 3; | |||||
| // } | |||||
| var userType = 1; | |||||
| if(res.data.secondData){ | |||||
| userType = 1; | |||||
| // console.log("查看第二轮价格") | |||||
| }else if(!res.data.firstData && !res.data.secondData){ | |||||
| userType = 2; | |||||
| // console.log("开始竞猜"); | |||||
| }else if(res.data.firstData.lucky_result==-1){ | }else if(res.data.firstData.lucky_result==-1){ | ||||
| this.data.userType = 2; | |||||
| userType = 3; | |||||
| // console.log("调整价格"); | |||||
| }else{ | }else{ | ||||
| this.data.userType = 3; | |||||
| userType = 4; | |||||
| // console.log("去抽大奖"); | |||||
| } | } | ||||
| this.setData({ | |||||
| userType:userType, | |||||
| isShowFun:true | |||||
| }) | |||||
| } | } | ||||
| }, this); | }, this); | ||||
| } | } |
| <view class="main"> | <view class="main"> | ||||
| <image class="pageBg" src="{{imgUrl+'/newImages4/20.png'}}"></image> | <image class="pageBg" src="{{imgUrl+'/newImages4/20.png'}}"></image> | ||||
| <image class="gameRule" src="{{imgUrl+'/newImages4/17.png'}}"></image> | <image class="gameRule" src="{{imgUrl+'/newImages4/17.png'}}"></image> | ||||
| <image class="startBtn" bindtap="enterGuessPrize" src="{{imgUrl+'/versions/2.png?v=002'}}"></image> | |||||
| <image class="startBtn" bindtap="enterGuessPrize" wx:if="{{userType==1}}" src="{{imgUrl+'/newImages5/60.png'}}"></image> | |||||
| <image class="startBtn" bindtap="enterGuessPrize" wx:if="{{userType==4}}" src="{{imgUrl+'/newImages5/61.png'}}"></image> | |||||
| <image class="startBtn" bindtap="enterGuessPrize" wx:if="{{userType==3}}" src="{{imgUrl+'/newImages5/62.png'}}"></image> | |||||
| <image class="startBtn" bindtap="enterGuessPrize" wx:if="{{userType==2}}" src="{{imgUrl+'/newImages5/63.png'}}"></image> | |||||
| <image class="drawBtn" bindtap="enterLucky" src="{{imgUrl+'/versions/1.png'}}"></image> | <image class="drawBtn" bindtap="enterLucky" src="{{imgUrl+'/versions/1.png'}}"></image> | ||||
| <image class="yuyue" bindtap="yuyueControl" src="{{imgUrl+'/newIcon/4.png'}}"></image> | <image class="yuyue" bindtap="yuyueControl" src="{{imgUrl+'/newIcon/4.png'}}"></image> | ||||
| </view> | </view> |
| // pages/guessPoster/guessPoster.js | // pages/guessPoster/guessPoster.js | ||||
| const app = getApp() | const app = getApp() | ||||
| let _savePostBg = "";//用于绘制海报的背景 | |||||
| let _totalDownloadTask = 2;//绘制需要下载的图片总数 | |||||
| let _currentSuccessDownloadTask = 0;//已完成下载的图片数 | |||||
| let windowScale = 0;//屏幕缩放比 | |||||
| let canvasContron = null;//canvas | |||||
| let posterUrl = "";//合成后的海报路径 | |||||
| let _saveImg = false; | |||||
| Page({ | Page({ | ||||
| /** | /** | ||||
| */ | */ | ||||
| data: { | data: { | ||||
| imgUrl: app.globalData.urlStatic,//图片路径 | imgUrl: app.globalData.urlStatic,//图片路径 | ||||
| selectType:2,//选中的分享类型 | |||||
| selectType:1,//选中的分享类型 | |||||
| userPrice:0,//用户竞猜价格 | |||||
| userName:"",//用户昵称 | |||||
| qrCodeUrl:"",//用户二维码 | |||||
| }, | }, | ||||
| /** | /** | ||||
| */ | */ | ||||
| onLoad: function (options) { | onLoad: function (options) { | ||||
| app.globalData.nowPage = 3; | app.globalData.nowPage = 3; | ||||
| this.setData({ | |||||
| userName:app.globalData.userInfoData.nickName, | |||||
| userPrice:app.globalData.getSecondGuessInfo.secondData.guess_price | |||||
| }) | |||||
| }, | |||||
| loadFun:function(){ | |||||
| this.getGuessPriceQrCode(); | |||||
| }, | }, | ||||
| /** | /** | ||||
| * 生命周期函数--监听页面初次渲染完成 | * 生命周期函数--监听页面初次渲染完成 | ||||
| */ | */ | ||||
| onReady: function () { | onReady: function () { | ||||
| canvasContron = wx.createCanvasContext('myCanvas'); | |||||
| if (app.globalData.openid) { | |||||
| this.loadFun(); | |||||
| } else { | |||||
| app.globalData.openidSuccessFuc = this.loadFun; | |||||
| } | |||||
| }, | }, | ||||
| /** | /** | ||||
| * 生命周期函数--监听页面显示 | * 生命周期函数--监听页面显示 | ||||
| */ | */ | ||||
| onShow: function () { | onShow: function () { | ||||
| _totalDownloadTask = 2; | |||||
| _currentSuccessDownloadTask = 0; | |||||
| _saveImg = false; | |||||
| }, | }, | ||||
| /** | /** | ||||
| */ | */ | ||||
| onShareAppMessage: function () { | onShareAppMessage: function () { | ||||
| return { | return { | ||||
| title: '您有一份启辰星专属礼品待领取', | |||||
| imageUrl: this.data.imgUrl + "/newImages3/28_" + (this.data.swiperCurrent+1)+".png?v=004", | |||||
| path: "/pages/coupon/coupon?scene=" + app.globalData.openid | |||||
| title: '召唤预言帝!快来和我一起猜启辰星售价,赢升舱大奖!', | |||||
| imageUrl:this.data.imgUrl+'/newImages5/56.jpg', | |||||
| path: "/pages/guess/guess" | |||||
| } | } | ||||
| }, | }, | ||||
| changeType:function(){//切换分享类型 | changeType:function(){//切换分享类型 | ||||
| this.setData({ | this.setData({ | ||||
| selectType:this.data.selectType==1?2:1 | selectType:this.data.selectType==1?2:1 | ||||
| }) | }) | ||||
| }, | |||||
| getGuessPriceQrCode:function(){//获取竞猜分享小程序码 | |||||
| app.wxRequest(app.globalData.urlRoot + "guessPrice/getGuessPriceQrCode", {}, res => { | |||||
| if (res.code == 200) { | |||||
| this.setData({ | |||||
| qrCodeUrl:res.data.qrcodeUrl | |||||
| }) | |||||
| this.cacheFun(); | |||||
| } | |||||
| }, this); | |||||
| }, | |||||
| cacheFun:function(){ | |||||
| wx.getSystemInfo({ | |||||
| success: option => { | |||||
| windowScale = option.windowWidth / 750; | |||||
| wx.getImageInfo({//缓存海报背景 | |||||
| src: this.data.imgUrl + '/newImages5/66.png', | |||||
| success: res => { | |||||
| _savePostBg = res.path; | |||||
| _currentSuccessDownloadTask ++; | |||||
| this.posterDrawing(); | |||||
| } | |||||
| }) | |||||
| wx.getImageInfo({//缓存二维码 | |||||
| src: this.data.qrCodeUrl, | |||||
| success: res => { | |||||
| this.data.qrCodeUrl = res.path; | |||||
| _currentSuccessDownloadTask++; | |||||
| this.posterDrawing(); | |||||
| } | |||||
| }) | |||||
| } | |||||
| }) | |||||
| }, | |||||
| posterDrawing: function (e) {//海报绘制 | |||||
| //图片尚未下载完成,禁止绘制 | |||||
| if(_currentSuccessDownloadTask < _totalDownloadTask){ | |||||
| return; | |||||
| } | |||||
| var ctx = canvasContron;//canvas对象 | |||||
| var scale = windowScale;//屏幕缩放比 | |||||
| //背景 | |||||
| ctx.drawImage(_savePostBg, 0, 0, scale * 750, scale * 1380); | |||||
| //二维码 | |||||
| ctx.drawImage(this.data.qrCodeUrl, scale * 574, scale * 1223, scale * 130, scale * 130); | |||||
| //绘制 | |||||
| ctx.draw(false, setTimeout(() => { | |||||
| wx.canvasToTempFilePath({ | |||||
| width:scale*750, | |||||
| height: scale * 1380, | |||||
| canvasId: 'myCanvas', | |||||
| success: res => { | |||||
| posterUrl = res.tempFilePath; | |||||
| if(_saveImg){ | |||||
| this.savePic(); | |||||
| } | |||||
| } | |||||
| }) | |||||
| }, 300)); | |||||
| }, | |||||
| saveImg: function () {//保存到手机 | |||||
| if (!posterUrl){ | |||||
| wx.showLoading({ | |||||
| title: '海报合成中', | |||||
| mask:true | |||||
| }) | |||||
| _saveImg = true; | |||||
| }else{ | |||||
| this.savePic(); | |||||
| } | |||||
| }, | |||||
| savePic: function () { | |||||
| wx.hideLoading(); | |||||
| wx.saveImageToPhotosAlbum({ | |||||
| filePath: posterUrl, | |||||
| success(res) { | |||||
| wx.showToast({ | |||||
| title: '保存成功' | |||||
| }) | |||||
| }, | |||||
| fail: res => { | |||||
| wx.getSetting({ | |||||
| success: res => { | |||||
| if (res.authSetting['scope.writePhotosAlbum']) { | |||||
| wx.showToast({ | |||||
| title: '保存失败', | |||||
| icon: "none" | |||||
| }) | |||||
| } else { | |||||
| wx.showModal({ | |||||
| title: '授权设置', | |||||
| content: '请授权“保存到相册”', | |||||
| success: (opt) => { | |||||
| if (opt.confirm) { | |||||
| wx.openSetting({ | |||||
| success: e => { | |||||
| if (e.authSetting['scope.writePhotosAlbum']) { | |||||
| wx.saveImageToPhotosAlbum({ | |||||
| filePath: posterUrl, | |||||
| success(res) { | |||||
| wx.showToast({ | |||||
| title: '保存成功' | |||||
| }) | |||||
| } | |||||
| }) | |||||
| } else { | |||||
| wx.showToast({ | |||||
| title: '授权失败', | |||||
| icon: "none" | |||||
| }) | |||||
| } | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| }) | |||||
| } | |||||
| } | |||||
| }) | |||||
| } | |||||
| }) | |||||
| } | } | ||||
| }) | }) |
| </view> | </view> | ||||
| <view wx:if="{{selectType==1}}"> | <view wx:if="{{selectType==1}}"> | ||||
| <view class="posterGroup"> | <view class="posterGroup"> | ||||
| <image class="posterImg" src="{{imgUrl+'/newImages5/24.png'}}"></image> | |||||
| <image class="posterImg" src="{{imgUrl+'/newImages5/52.png'}}"></image> | |||||
| <view class="posterText">@{{userName}}</view> | |||||
| <view class="posterText" style="display:flex;align-items:center;top:547rpx;"> | |||||
| <view>启辰星</view> | |||||
| <view style="font-weight:bold;"> 260T</view> | |||||
| <view style="font-weight:bold;"> 48V</view> | |||||
| <view>轻混增压星享版</view> | |||||
| </view> | |||||
| <view class="posterText" style="top:567rpx;">我的预测上市价为:</view> | |||||
| <view class="posterText" style="display:flex;align-items:center;top:587rpx;"> | |||||
| <view style="font-weight:bold;">{{userPrice}}</view> | |||||
| <view>元</view> | |||||
| </view> | |||||
| <view class="posterText" style="top:607rpx;">来和我一起竞猜吧!</view> | |||||
| <image class="posterCode" src="{{qrCodeUrl}}"></image> | |||||
| </view> | </view> | ||||
| <view class="bottomGroup"> | <view class="bottomGroup"> | ||||
| <image class="bottomImg" src="{{imgUrl+'/newImages5/25.png'}}"></image> | |||||
| <image class="bottomImg" src="{{imgUrl+'/newImages5/64.png'}}"></image> | |||||
| <view class="saveGroup"> | <view class="saveGroup"> | ||||
| <image class="saveIcon" src="{{imgUrl+'/newImages5/26.png'}}"></image> | |||||
| <image class="saveBtn" src="{{imgUrl+'/newImages5/27.png'}}"></image> | |||||
| <image class="saveIcon" bindtap="saveImg" src="{{imgUrl+'/newImages5/26.png'}}"></image> | |||||
| <image class="saveBtn" bindtap="saveImg" src="{{imgUrl+'/newImages5/27.png'}}"></image> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view wx:if="{{selectType==2}}"> | <view wx:if="{{selectType==2}}"> | ||||
| <image class="linkShareImg" src="{{imgUrl+'/newImages5/53.png'}}"></image> | |||||
| <view class="linkShareGroup"> | |||||
| <image class="linkShareBg" src="{{imgUrl+'/newImages5/65.png'}}"></image> | |||||
| <image class="linkShareBtn" src="{{imgUrl+'/newImages5/55.png'}}"></image> | |||||
| <button open-type="share" style="width:268rpx;height:168rpx;min-height:0;" class="shareBtn"></button> | |||||
| </view> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <canvas class="canvasDraw" canvas-id="myCanvas"></canvas> | |||||
| <tabBar></tabBar> | <tabBar></tabBar> | ||||
| </view> | </view> |
| opacity: 0; | opacity: 0; | ||||
| } | } | ||||
| .posterGroup{ | .posterGroup{ | ||||
| position: relative; | |||||
| width: 395rpx; | width: 395rpx; | ||||
| height: 749rpx; | |||||
| height: 750rpx; | |||||
| margin: 0 auto; | margin: 0 auto; | ||||
| } | } | ||||
| .posterImg{ | .posterImg{ | ||||
| position: relative; | position: relative; | ||||
| margin-top: 35rpx; | margin-top: 35rpx; | ||||
| width: 750rpx; | width: 750rpx; | ||||
| height: 217rpx; | |||||
| height: 200rpx; | |||||
| } | } | ||||
| .bottomImg{ | .bottomImg{ | ||||
| position: absolute; | position: absolute; | ||||
| left: 0; | left: 0; | ||||
| top: 0; | top: 0; | ||||
| width: 100%; | |||||
| height: 100%; | |||||
| width: 750rpx; | |||||
| height: 370rpx; | |||||
| } | } | ||||
| .saveGroup{ | .saveGroup{ | ||||
| position: absolute; | position: absolute; | ||||
| .saveBtn{ | .saveBtn{ | ||||
| width: 267rpx; | width: 267rpx; | ||||
| height: 54rpx; | height: 54rpx; | ||||
| } | |||||
| .linkShareImg{ | |||||
| width: 462rpx; | |||||
| height: 640rpx; | |||||
| margin: 0 auto; | |||||
| } | |||||
| .linkShareGroup{ | |||||
| position: relative; | |||||
| width: 750rpx; | |||||
| height: 464rpx; | |||||
| margin-top: 44rpx; | |||||
| } | |||||
| .linkShareBg{ | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| } | |||||
| .linkShareBtn{ | |||||
| position: absolute; | |||||
| left: 50%; | |||||
| transform: translateX(-50%); | |||||
| top: 123rpx; | |||||
| width: 268rpx; | |||||
| height: 168rpx; | |||||
| } | |||||
| .shareBtn{ | |||||
| position: absolute; | |||||
| left: 50%; | |||||
| transform: translateX(-50%); | |||||
| top: 123rpx; | |||||
| margin: 0; | |||||
| padding: 0; | |||||
| opacity: 0; | |||||
| width: 268rpx; | |||||
| height: 168rpx; | |||||
| } | |||||
| .posterText{ | |||||
| position: absolute; | |||||
| left: 71rpx; | |||||
| top: 520rpx; | |||||
| line-height: 14rpx; | |||||
| font-size:14rpx; | |||||
| font-family:MHeiPRC; | |||||
| font-weight:500; | |||||
| color:rgba(255,255,255,1); | |||||
| } | |||||
| .posterCode{ | |||||
| position: absolute; | |||||
| right: 30rpx; | |||||
| bottom: 21rpx; | |||||
| width: 68rpx; | |||||
| height: 68rpx; | |||||
| } | |||||
| .canvasDraw{ | |||||
| width:1776rpx; | |||||
| height:3268rpx; | |||||
| position: fixed; | |||||
| top: 0; | |||||
| left: -1776rpx; | |||||
| background-color: black; | |||||
| } | } |
| this.data.httpState = false; | this.data.httpState = false; | ||||
| if(res.code==200){ | if(res.code==200){ | ||||
| app.globalData.getSecondGuessInfo.firstData.lucky_result = 1; | app.globalData.getSecondGuessInfo.firstData.lucky_result = 1; | ||||
| res.data.lucky_result = 1; | |||||
| // res.data.lucky_result = 1; | |||||
| if(res.data.lucky_result==1){ | if(res.data.lucky_result==1){ | ||||
| this.setData({ | this.setData({ | ||||
| drawResult:2 | drawResult:2 |
| stringValue:"",//输入的竞猜价格 | stringValue:"",//输入的竞猜价格 | ||||
| focusState:false,//输入框聚焦状态 | focusState:false,//输入框聚焦状态 | ||||
| tipImgShow:true,//是否显示输入框提示 | tipImgShow:true,//是否显示输入框提示 | ||||
| isGuess:false,//是否竞猜过价格 | |||||
| isGuess:true,//是否竞猜过价格 | |||||
| guessPrice:"", | guessPrice:"", | ||||
| guessPriceArr:[1,2,3,4,5,6], | guessPriceArr:[1,2,3,4,5,6], | ||||
| slideDay:['0','0'],//距离上市时间 | slideDay:['0','0'],//距离上市时间 | ||||
| cartogramShow:false,//是否显示统计图 | cartogramShow:false,//是否显示统计图 | ||||
| getSecondGuessInfo:null, | getSecondGuessInfo:null, | ||||
| httpState:false,//是否正在进行http请求 | httpState:false,//是否正在进行http请求 | ||||
| isUserInfo:false,//是否有个人信息 | |||||
| }, | }, | ||||
| /** | /** | ||||
| guessPriceArr:this.data.guessPriceArr | guessPriceArr:this.data.guessPriceArr | ||||
| }) | }) | ||||
| } | } | ||||
| if(app.globalData.userInfoData && app.globalData.userInfoData.nickName){ | |||||
| this.setData({ | |||||
| isUserInfo:true | |||||
| }) | |||||
| } | |||||
| }, | }, | ||||
| loadFun:function(){ | loadFun:function(){ | ||||
| } | } | ||||
| }, | }, | ||||
| cartogramControl:function(){ | cartogramControl:function(){ | ||||
| var randomNum = Math.floor(Math.random()*4+44); | |||||
| // var randomNum = Math.floor(Math.random()*4+44); | |||||
| this.setData({ | this.setData({ | ||||
| randomNum:randomNum, | |||||
| randomNum:56, | |||||
| cartogramShow:!this.data.cartogramShow | cartogramShow:!this.data.cartogramShow | ||||
| }) | }) | ||||
| }, | }, | ||||
| this.setData({ | this.setData({ | ||||
| shareShow:!this.data.shareShow | shareShow:!this.data.shareShow | ||||
| }) | }) | ||||
| }, | |||||
| getUserWxMsg:function(e){//通过微信获取用户信息 | |||||
| if (e.detail.errMsg == "getUserInfo:ok") { | |||||
| this.setData({ | |||||
| isUserInfo:true | |||||
| }) | |||||
| app.submitUserMsg(e.detail.userInfo.avatarUrl, e.detail.userInfo.nickName); | |||||
| this.enterPoster(); | |||||
| } | |||||
| }, | |||||
| enterPoster:function(){ | |||||
| wx.navigateTo({ | |||||
| url: '/pages/guessPoster/guessPoster', | |||||
| }) | |||||
| } | } | ||||
| }) | }) |
| <view class="slideMask"></view> | <view class="slideMask"></view> | ||||
| </view> | </view> | ||||
| <view class="shareGroup"> | <view class="shareGroup"> | ||||
| <image class="newImages5-42" src="{{imgUrl+'/newImages5/42.png'}}"></image> | |||||
| <button open-type="share" style="min-height:0;width: 100%;" class="shareBtn"></button> | |||||
| <image class="newImages5-42" bindtap="enterPoster" src="{{imgUrl+'/newImages5/42.png'}}"></image> | |||||
| <button open-type="getUserInfo" wx:if="{{!isUserInfo}}" bindgetuserinfo="getUserWxMsg" style="min-height:0;width: 100%;" class="shareBtn"></button> | |||||
| </view> | </view> | ||||
| <view class="dayGroup"> | <view class="dayGroup"> | ||||
| <image class="newImages5-43" src="{{imgUrl+'/newImages5/43.png'}}"></image> | <image class="newImages5-43" src="{{imgUrl+'/newImages5/43.png'}}"></image> |
| } | } | ||||
| .cartogramGroup{ | .cartogramGroup{ | ||||
| position: relative; | position: relative; | ||||
| width: 501rpx; | |||||
| height: 620rpx; | |||||
| width: 500rpx; | |||||
| height: 619rpx; | |||||
| } | } | ||||
| .cartogramImg{ | .cartogramImg{ | ||||
| width: 100%; | width: 100%; |
| <image style="width:100%;height:100%;" src="{{imgUrl+'/btns/myCenterBtn2.png'}}"></image></view> | <image style="width:100%;height:100%;" src="{{imgUrl+'/btns/myCenterBtn2.png'}}"></image></view> | ||||
| </view> --> | </view> --> | ||||
| <view class="orderDescGroup" wx:if="{{selectNow==4 && !buyState}}"> | <view class="orderDescGroup" wx:if="{{selectNow==4 && !buyState}}"> | ||||
| <image class="orderDesc" src="{{imgUrl+'/newImages4/10.png'}}"></image> | |||||
| <image class="orderDesc" src="{{imgUrl+'/newImages5/59.png'}}"></image> | |||||
| <image class="indexOrderIcon" bindtap="placingControl" src="{{imgUrl+'/images/indexOrderIcon.png'}}"></image> | <image class="indexOrderIcon" bindtap="placingControl" src="{{imgUrl+'/images/indexOrderIcon.png'}}"></image> | ||||
| </view> | </view> | ||||
| <view class="placingOrder" wx:if="{{selectNow==4 && buyState}}"> | <view class="placingOrder" wx:if="{{selectNow==4 && buyState}}"> | ||||
| <view class="lineSty"></view> | <view class="lineSty"></view> | ||||
| <image class="closeXieyi" bindtap="vipDetailControl" src="{{imgUrl+'/images/closeXieyi.png'}}"></image> | <image class="closeXieyi" bindtap="vipDetailControl" src="{{imgUrl+'/images/closeXieyi.png'}}"></image> | ||||
| <view style="position:relative;"> | <view style="position:relative;"> | ||||
| <image style="width:750rpx;height:1700rpx;" src="{{imgUrl+'/newImages4/11.png?v=002'}}"></image> | |||||
| <image style="width:750rpx;height:1810rpx;" src="{{imgUrl+'/newImages5/58.png?v=003'}}"></image> | |||||
| <image class="newImages3-45" bindtap="vipDetailControl" src="{{imgUrl+'/newImages3/45.png'}}"></image> | <image class="newImages3-45" bindtap="vipDetailControl" src="{{imgUrl+'/newImages3/45.png'}}"></image> | ||||
| </view> | </view> | ||||
| <view class="cardCode">{{buyStateCouponCode}}<view bindtap="cardCodeCopy" class="cardCodeCopy">复制</view></view> | <view class="cardCode">{{buyStateCouponCode}}<view bindtap="cardCodeCopy" class="cardCodeCopy">复制</view></view> |
| } | } | ||||
| .orderDesc{ | .orderDesc{ | ||||
| width: 634rpx; | width: 634rpx; | ||||
| height: 1145rpx; | |||||
| height: 1193rpx; | |||||
| margin-bottom: 81rpx; | margin-bottom: 81rpx; | ||||
| } | } | ||||
| /* .ranksList{ | /* .ranksList{ |
| <image class="closeTip" bindtap="tipShowControl" src="{{imgUrl+'/newImages4/15.png'}}"></image> | <image class="closeTip" bindtap="tipShowControl" src="{{imgUrl+'/newImages4/15.png'}}"></image> | ||||
| <image class="tipGroupBg" src="{{imgUrl+'/newImages4/12.png'}}"></image> | <image class="tipGroupBg" src="{{imgUrl+'/newImages4/12.png'}}"></image> | ||||
| <view class="tipGroupContent"> | <view class="tipGroupContent"> | ||||
| <image class="tipGroupContentImg" src="{{imgUrl+'/newImages4/13.png'}}"></image> | |||||
| <image class="tipGroupContentImg" src="{{imgUrl+'/newImages5/57.png'}}"></image> | |||||
| <image class="tipGroupContentBtn" bindtap="tipShowControl2" src="{{imgUrl+'/newImages4/14.png'}}"></image> | <image class="tipGroupContentBtn" bindtap="tipShowControl2" src="{{imgUrl+'/newImages4/14.png'}}"></image> | ||||
| </view> | </view> | ||||
| </view> | </view> |
| overflow: auto; | overflow: auto; | ||||
| } | } | ||||
| .tipGroupContentImg{ | .tipGroupContentImg{ | ||||
| width: 634rpx; | |||||
| height: 1862rpx; | |||||
| width: 633rpx; | |||||
| height: 1910rpx; | |||||
| } | } | ||||
| .tipGroupContentBtn{ | .tipGroupContentBtn{ | ||||
| width: 429rpx; | width: 429rpx; |