@@ -83,10 +83,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 |
@@ -33,7 +33,9 @@ | |||
"pages/guessSecondPrize/guessSecondPrize", | |||
"pages/guessSecondResult/guessSecondResult", | |||
"pages/guessSecondPoster/guessSecondPoster", | |||
"pages/compute/compute" | |||
"pages/compute/compute", | |||
"pages/orderActivity/orderActivity", | |||
"pages/rotaryDraw/rotaryDraw" | |||
], | |||
"window": { | |||
"backgroundTextStyle": "light", |
@@ -2,6 +2,7 @@ | |||
"component": true, | |||
"usingComponents": { | |||
"placingOrder": "/pages/placingOrder/placingOrder", | |||
"yuyue": "/pages/yuyue/yuyue" | |||
"yuyue": "/pages/yuyue/yuyue", | |||
"orderActivity": "/pages/orderActivity/orderActivity" | |||
} | |||
} |
@@ -3,7 +3,8 @@ | |||
<image class="serviceIcon" style="top:{{nowPage!=1?'100rpx;':'206rpx;'}}" bindtap="maskShow" src="{{imgUrl+'/newIcon/3.png'}}"></image> | |||
<image class="serviceIcon" style="top:206rpx;" wx:if="{{nowPage!=1}}" bindtap="lookOrder" src="{{imgUrl+'/newImages7/18.png'}}"></image> | |||
<!-- <image class="serviceIcon" wx:if="{{nowPage!=1}}" bindtap="openYuyue" src="{{imgUrl+'/newIcon/4.png'}}"></image> --> | |||
<image class="serviceIcon" wx:if="{{!buyState && nowPage==1}}" bindtap="placingControl" src="{{imgUrl+'/newImages6/28.png'}}"></image> | |||
<!-- <image class="serviceIcon" wx:if="{{!buyState && nowPage==1}}" bindtap="placingControl" src="{{imgUrl+'/newImages6/28.png'}}"></image> --> | |||
<image class="serviceIcon" style="width:73rpx;height:83rpx;" wx:if="{{nowPage==1}}" bindtap="openYuyue" src="{{imgUrl+'/newImages8/4.png'}}"></image> | |||
<view wx:if="{{maskState}}" class="maskGroup" catchtouchmove="ture"> | |||
<view class="contentGroup"> | |||
<image style="width:100%;height:100%;" src="{{imgUrl+'/images/serviceBg.png'}}"></image> | |||
@@ -12,6 +13,6 @@ | |||
<button style="min-height: 0;" class="serviceBtn" open-type="contact"></button> | |||
</view> | |||
</view> | |||
<placingOrder bindplacing="placingControl" wx:if="{{placing}}"></placingOrder> | |||
<orderActivity bindplacing="placingControl" wx:if="{{placing}}"></orderActivity> | |||
<yuyue bindyuyue="openYuyue" wx:if="{{yuyueShow}}"></yuyue> | |||
</view> |
@@ -36,8 +36,8 @@ Page({ | |||
kvurl: null,//顶部大图 | |||
kvurlH:0, | |||
showAppointment:false, | |||
// placing:false, | |||
// buyState:false, | |||
placing:false,//是否显示下定按钮 | |||
buyState:false,//下订状态 | |||
isStartAdvertisingFunState:false, | |||
playBtnDeg:0, | |||
videoShow: false, | |||
@@ -122,21 +122,21 @@ Page({ | |||
this.getFirstMsg(); | |||
}, | |||
onShow: function () { | |||
// if (app.globalData.getBuyState) { | |||
// this.getBuyStates(); | |||
// } else { | |||
// app.globalData.buyStateSuccessFuc = this.getBuyStates; | |||
// } | |||
if (app.globalData.getBuyState) { | |||
this.getBuyStates(); | |||
} else { | |||
app.globalData.buyStateSuccessFuc = this.getBuyStates; | |||
} | |||
this.setData({ | |||
siteSelect: false | |||
}) | |||
this.data.subscribeData.parentOpenid = app.globalData.parentOpenid; | |||
}, | |||
// getBuyStates:function(){ | |||
// this.setData({ | |||
// buyState: app.globalData.getBuyState.success | |||
// }) | |||
// }, | |||
getBuyStates:function(){ | |||
this.setData({ | |||
buyState: app.globalData.getBuyState.success | |||
}) | |||
}, | |||
provinceChane: function (e) {//选中省 | |||
this.setData({ | |||
provinceValue: e.detail.value, | |||
@@ -507,16 +507,16 @@ Page({ | |||
showAppointment: !this.data.showAppointment | |||
}) | |||
}, | |||
// placingControl:function(){ | |||
// if (app.globalData.getBuyState.success != this.data.buyState){ | |||
// this.setData({ | |||
// buyState: app.globalData.getBuyState.success | |||
// }) | |||
// } | |||
// this.setData({ | |||
// placing: !this.data.placing | |||
// }) | |||
// }, | |||
placingControl:function(){ | |||
if (app.globalData.getBuyState.success != this.data.buyState){ | |||
this.setData({ | |||
buyState: app.globalData.getBuyState.success | |||
}) | |||
} | |||
this.setData({ | |||
placing: !this.data.placing | |||
}) | |||
}, | |||
swiperChange:function(e){ | |||
var num = e.currentTarget.dataset.num; | |||
if(num==1){ |
@@ -4,6 +4,7 @@ | |||
"service": "../component/service/index", | |||
"tabBar": "../component/tabBar/index", | |||
"yuyue": "/pages/yuyue/yuyue", | |||
"userMsg": "/pages/userMsg/userMsg" | |||
"userMsg": "/pages/userMsg/userMsg", | |||
"orderActivity": "/pages/orderActivity/orderActivity" | |||
} | |||
} |
@@ -3,22 +3,23 @@ | |||
<view class="main" wx:if="{{isStartAdvertising==0 || !isStartAdvertisingShow}}"> | |||
<view class="contentFrame"> | |||
<view class="newImages2-76"> | |||
<image style="width:750rpx;height:11693rpx;" src="{{imgUrl+'/newImages8/newHome/newHomeBg.png'}}"></image> | |||
<!-- <image style="width:750rpx;height:10368rpx;" src="{{imgUrl+'/newImages4/16.png'}}"></image> --> | |||
<image style="width:750rpx;height:1600rpx;" src="{{imgUrl+'/newImages6/images/newImg_01.png?v=002'}}"></image> | |||
<!-- <image style="width:750rpx;height:1600rpx;" src="{{imgUrl+'/newImages6/images/newImg_01.png?v=002'}}"></image> | |||
<image style="width:750rpx;height:1600rpx;" src="{{imgUrl+'/newImages6/images/newImg_02.png?v=004'}}"></image> | |||
<image style="width:750rpx;height:1600rpx;" src="{{imgUrl+'/newImages6/images/newImg_03.png'}}"></image> | |||
<image style="width:750rpx;height:1600rpx;" src="{{imgUrl+'/newImages6/images/newImg_04.png'}}"></image> | |||
<image style="width:750rpx;height:1600rpx;" src="{{imgUrl+'/newImages6/images/newImg_05.png'}}"></image> | |||
<image style="width:750rpx;height:1600rpx;" src="{{imgUrl+'/newImages6/images/newImg_06.png'}}"></image> | |||
<image style="width:750rpx;height:768rpx;" src="{{imgUrl+'/newImages6/images/newImg_07.png'}}"></image> | |||
<image style="width:750rpx;height:768rpx;" src="{{imgUrl+'/newImages6/images/newImg_07.png'}}"></image> --> | |||
</view> | |||
<view class="videoGroup" bindtap="playVideo"> | |||
<image class="newImages2-108" animation="{{playBtnDeg}}" src="{{imgUrl+'/newImages3/32.png'}}"></image> | |||
<image class="newImages2-110" src="{{imgUrl+'/newImages3/31.png'}}"></image> | |||
<image class="newImages2-108" animation="{{playBtnDeg}}" src="{{imgUrl+'/newImages8/10.png'}}"></image> | |||
<image class="newImages2-110" src="{{imgUrl+'/newImages8/11.png'}}"></image> | |||
<video id="myVideo" class="myVideo" wx:if="{{videoShow}}" bindfullscreenchange="closeFull" src="{{videoList['videoUrl']}}"></video> | |||
</view> | |||
<image class="computeBtn" bindtap="compute" src="{{imgUrl+'/newImages7/19.png'}}"></image> | |||
<image class="newImages2-11" bindtap="openYuyue" src="{{imgUrl+'/newImages7/20.png'}}"></image> | |||
<image class="newImages2-11" bindtap="placingControl" wx:if="{{!buyState}}" src="{{imgUrl+'/newImages8/5.png'}}"></image> | |||
<image class="newImages2-12" bindtap="lookConfigure" src="{{imgUrl+'/newImages2/98.png'}}"></image> | |||
<image class="newImages2-13" bindtap="vrLookCar" src="{{imgUrl+'/newImages2/99.png'}}"></image> | |||
<swiper class="swiper1" bindchange="swiperChange" data-num="1" current="{{swiperGroup.one.current}}"> | |||
@@ -95,6 +96,7 @@ | |||
<service></service> | |||
<yuyue bindyuyue="openYuyue" wx:if="{{yuyueShow}}"></yuyue> | |||
<orderActivity bindplacing="placingControl" wx:if="{{placing}}"></orderActivity> | |||
</view> | |||
<userMsg bindaddress="addressControl" wx:if="{{addressShow}}"></userMsg> | |||
<tabBar wx:if="{{isStartAdvertising==0 || !isStartAdvertisingShow}}"></tabBar> |
@@ -269,7 +269,7 @@ view{ | |||
width:390rpx; | |||
height: 62rpx; | |||
position: absolute; | |||
top: 3718rpx; | |||
top: 5043rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
} | |||
@@ -277,20 +277,20 @@ view{ | |||
width:390rpx; | |||
height: 61rpx; | |||
position: absolute; | |||
top: 4088rpx; | |||
top: 5413rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
} | |||
.swiper1{ | |||
position: absolute; | |||
left: 0; | |||
top: 5012rpx; | |||
top: 6337rpx; | |||
width: 750rpx; | |||
height: 477rpx; | |||
} | |||
.arrow-left-1,.arrow-right-1,.arrow-left-2,.arrow-right-2,.arrow-left-3,.arrow-right-3,.arrow-left-4,.arrow-right-4{ | |||
position: absolute; | |||
top: 5012rpx; | |||
top: 6337rpx; | |||
height: 477rpx; | |||
display: flex; | |||
align-items: center; | |||
@@ -303,15 +303,15 @@ view{ | |||
right:18rpx; | |||
} | |||
.arrow-left-2,.arrow-right-2{ | |||
top: 6406rpx; | |||
top: 7731rpx; | |||
height: 496rpx; | |||
} | |||
.arrow-left-3,.arrow-right-3{ | |||
top: 7976rpx; | |||
top: 9301rpx; | |||
height: 402rpx; | |||
} | |||
.arrow-left-4,.arrow-right-4{ | |||
top: 9459rpx; | |||
top: 10784rpx; | |||
height: 447rpx; | |||
} | |||
.newImages2-78{ | |||
@@ -321,7 +321,7 @@ view{ | |||
.dotGroup1,.dotGroup2,.dotGroup3,.dotGroup4{ | |||
position: absolute; | |||
left: 0; | |||
top: 5454rpx; | |||
top: 6779rpx; | |||
width: 750rpx; | |||
height: 16rpx; | |||
display: flex; | |||
@@ -329,13 +329,13 @@ view{ | |||
justify-content: center; | |||
} | |||
.dotGroup2{ | |||
top: 6872rpx; | |||
top: 8197rpx; | |||
} | |||
.dotGroup3{ | |||
top: 8331rpx; | |||
top: 9656rpx; | |||
} | |||
.dotGroup4{ | |||
top: 9869rpx; | |||
top: 11194rpx; | |||
} | |||
.newImages2-80{ | |||
width: 17rpx; | |||
@@ -349,7 +349,7 @@ view{ | |||
} | |||
.testText{ | |||
position: absolute; | |||
top: 5508rpx; | |||
top: 6833rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
width: 584rpx; | |||
@@ -358,13 +358,13 @@ view{ | |||
.swiper2{ | |||
position: absolute; | |||
left: 0; | |||
top: 6406rpx; | |||
top: 7731rpx; | |||
width: 750rpx; | |||
height: 496rpx; | |||
} | |||
.testText2{ | |||
position: absolute; | |||
top: 6922rpx; | |||
top: 8247rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
width: 598rpx; | |||
@@ -373,13 +373,13 @@ view{ | |||
.swiper3{ | |||
position: absolute; | |||
left: 0; | |||
top: 7976rpx; | |||
top: 9301rpx; | |||
width: 750rpx; | |||
height: 402rpx; | |||
} | |||
.testText3{ | |||
position: absolute; | |||
top: 8400rpx; | |||
top: 9725rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
width: 513rpx; | |||
@@ -388,13 +388,13 @@ view{ | |||
.swiper4{ | |||
position: absolute; | |||
left: 0; | |||
top: 9459rpx; | |||
top: 10784rpx; | |||
width: 750rpx; | |||
height: 447rpx; | |||
} | |||
.testText4{ | |||
position: absolute; | |||
top: 9925rpx; | |||
top: 11250rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
width: 522rpx; | |||
@@ -403,8 +403,8 @@ view{ | |||
.videoGroup{ | |||
position: absolute; | |||
left: 340rpx; | |||
top: 518rpx; | |||
width: 69rpx; | |||
top: 560rpx; | |||
width: 72rpx; | |||
height: 72rpx; | |||
display: flex; | |||
flex-direction: column; | |||
@@ -415,7 +415,7 @@ view{ | |||
height: 72rpx; | |||
} | |||
.newImages2-110{ | |||
width: 21rpx; | |||
width: 22rpx; | |||
height: 29rpx; | |||
margin-top: -42rpx; | |||
} | |||
@@ -431,7 +431,7 @@ view{ | |||
width:390rpx; | |||
height: 62rpx; | |||
position: absolute; | |||
top: 2570rpx; | |||
top: 3895rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
} |
@@ -17,7 +17,7 @@ Page({ | |||
isLogin:false,//登录状态 | |||
selectNow:0,//现在的选项 | |||
taskNow:2,//现在的任务类型 | |||
recordNow: 1,//现在的记录类型 | |||
recordNow: 2,//现在的记录类型 | |||
taskList: [],//任务列表 | |||
shareFriendList:[],//星探小分队列表 | |||
couponList:[],//卡券列表 |
@@ -115,6 +115,7 @@ | |||
</view> | |||
<view class="taskGroup" wx:if="{{selectNow==2}}"> | |||
<view class="taskSelect"> | |||
<view bindtap="selectRecord" data-type='2' class="taskText recordText {{recordNow==2?'taskText2':''}}">618星动狂欢节</view> | |||
<view bindtap="selectRecord" data-type='1' class="taskText recordText {{recordNow==1?'taskText2':''}}">玩出惊喜奖品</view> | |||
<!-- <view bindtap="selectRecord" data-type='2' class="taskText recordText {{recordNow==2?'taskText2':''}}">每日任务奖品</view> --> | |||
<view bindtap="selectRecord" data-type='3' class="taskText recordText {{recordNow==3?'taskText2':''}}">星探奖励</view> | |||
@@ -122,7 +123,7 @@ | |||
<!-- <view class="recordFrame"> --> | |||
<image class="newImages1" wx:if="{{!recordList.length && recordNow==1 && !getState}}" src="{{imgUrl+'/newImages3/16.png'}}"></image> | |||
<image class="newImages2-64" bindtap="enterLucky" wx:if="{{!recordList.length && recordNow==1 && !getState}}" src="{{imgUrl+'/newImages2/64.png'}}"></image> | |||
<image class="newImages5" wx:if="{{!recordList.length && recordNow==2 && !getState}}" src="{{imgUrl+'/newImages2/65.png'}}"></image> | |||
<image class="newImages5" wx:if="{{!recordList.length && recordNow==2 && !getState}}" src="{{imgUrl+'/newImages8/12.png'}}"></image> | |||
<image class="newImages6" bindtap="enterEvery" wx:if="{{!recordList.length && recordNow==2 && !getState}}" src="{{imgUrl+'/newImages2/64.png'}}"></image> | |||
<image class="newImages8" wx:if="{{!recordList.length && recordNow==3 && !getState}}" src="{{imgUrl+'/newImages3/19.png'}}"></image> | |||
<image class="newImages6" bindtap="starGo" wx:if="{{!recordList.length && recordNow==3 && !getState}}" src="{{imgUrl+'/newImages2/64.png'}}"></image> |
@@ -846,11 +846,11 @@ view{ | |||
margin: 0 auto; | |||
} | |||
.newImages5{ | |||
width: 223rpx; | |||
height:157rpx; | |||
width: 195rpx; | |||
height:182rpx; | |||
margin: 0 auto; | |||
margin-top: 30rpx; | |||
margin-bottom: 26rpx; | |||
margin-bottom: 17rpx; | |||
} | |||
.newImages6{ | |||
width: 256rpx; |
@@ -0,0 +1,378 @@ | |||
// pages/orderActivity/orderActivity.js | |||
const app = getApp() | |||
Component({ | |||
/** | |||
* 组件的属性列表 | |||
*/ | |||
properties: { | |||
}, | |||
/** | |||
* 组件的初始数据 | |||
*/ | |||
data: { | |||
imgUrl: app.globalData.urlStatic,//图片路径 | |||
agreement:false, | |||
isAgreement: true,//是否同意协议 | |||
siteSelect: false,//是否显示位置选择框 | |||
phoneInputShow: false,//是否显示电话输入框 | |||
provinceDataAll:null,//地区所有数据 | |||
provinceDataArr:[[""],[""]],//省市数据 | |||
provinceDataValue:[0,0],//选中的省市下标 | |||
nowProvince:"",//选中的省市文字 | |||
storeArr:[],//专营店数据 | |||
storeValue:0,//选中的专营店下标 | |||
verificationCode: '获取验证码',//验证码文案 | |||
sendCode: true, | |||
appointment: true, | |||
mobile2: "", | |||
tipShow:true, | |||
subscribeData: { | |||
realname: "",//姓名 | |||
mobile: "",//手机号 | |||
captcha: "",//验证码 | |||
province: "",//省份 | |||
city:"",//市区 | |||
agent_code: "",//经销商编码 | |||
agentDetail: "",//经销商详细信息 | |||
parentOpenid: app.globalData.parentOpenid,//好友openid | |||
scene: app.globalData.sceneSource, | |||
source:2, | |||
}, | |||
getBuyState: false, | |||
mobileType: 2 | |||
}, | |||
attached: function () { | |||
if (app.globalData.openid) { | |||
this.loadFun(); | |||
} else { | |||
app.globalData.openidSuccessFuc = this.loadFun; | |||
} | |||
}, | |||
/** | |||
* 组件的方法列表 | |||
*/ | |||
methods: { | |||
closeXieyi: function () { | |||
this.triggerEvent('placing') | |||
}, | |||
getUserPhone: function (e) {//获取用户手机号 | |||
if (e.detail.errMsg == 'getPhoneNumber:ok') { | |||
app.getMobile(e.detail.encryptedData, e.detail.iv, res => { | |||
if (res.code == 200) { | |||
this.setData({ | |||
phoneInputShow: true | |||
}) | |||
this.cutType(); | |||
if (res.data && res.data.decodeData) { | |||
this.data.subscribeData.mobile = res.data.decodeData.phoneNumber; | |||
this.setData({ | |||
subscribeData: this.data.subscribeData | |||
}) | |||
} | |||
} else { | |||
wx.showToast({ | |||
title: res.msg, | |||
icon: "none" | |||
}) | |||
} | |||
}, this); | |||
} | |||
}, | |||
loadFun: function () { | |||
this.getUserLocation();//获取用户当前位置 | |||
if (app.globalData.userMobile) { | |||
this.data.subscribeData.mobile = app.globalData.userMobile; | |||
this.setData({ | |||
phoneInputShow: true, | |||
subscribeData: this.data.subscribeData | |||
}) | |||
} | |||
}, | |||
getRealname: function (e) {//获取用户输入的姓名 | |||
this.data.subscribeData.realname = e.detail.value; | |||
}, | |||
getMobile: function (e) {//获取用户输入的电话 | |||
this.data.subscribeData.mobile = e.detail.value; | |||
}, | |||
getMobile2: function (e) {//获取用户输入的电话---无验证码 | |||
this.data.mobile2 = e.detail.value; | |||
}, | |||
getCaptcha: function (e) {//获取用户输入的验证码 | |||
this.data.subscribeData.captcha = e.detail.value; | |||
}, | |||
getDistributorList: function (longitude, latitude) {//获取经销商列表 | |||
app.wxRequest(app.globalData.urlRoot + "agent/getAgentList", { longitude: longitude, latitude: latitude }, res => { | |||
if (res.code == 200) { | |||
//整理数据 | |||
var datas = res.data; | |||
var province = []; | |||
var city = []; | |||
for(let i=0;i<res.data.list.length;i++){ | |||
province.push(res.data.list[i].province); | |||
} | |||
for (let j = 0; j < res.data.list[res.data.nearData.provinceIndex].children.length; j++) { | |||
city.push(res.data.list[res.data.nearData.provinceIndex].children[j].city) | |||
} | |||
//将数据赋值给变量 | |||
this.setData({ | |||
provinceDataAll: res.data.list, | |||
provinceDataArr: [province, city], | |||
provinceDataValue: [res.data.nearData.provinceIndex, res.data.nearData.cityIndex], | |||
nowProvince: province[res.data.nearData.provinceIndex] + " " + city[res.data.nearData.cityIndex], | |||
storeArr: res.data.list[res.data.nearData.provinceIndex].children[res.data.nearData.cityIndex].children, | |||
storeValue: res.data.nearData.agentIndex | |||
}) | |||
} else { | |||
wx.showToast({ | |||
title: res.msg, | |||
icon: "none" | |||
}) | |||
} | |||
}, this); | |||
}, | |||
getCode: function (e) {//获取验证码 | |||
if (!app.mobileVerify(this.data.mobile2)) { | |||
if (this.data.mobile2) { | |||
wx.showToast({ | |||
title: '请输入正确的电话', | |||
icon: 'none' | |||
}) | |||
} else { | |||
wx.showToast({ | |||
title: '请输入电话', | |||
icon: 'none' | |||
}) | |||
} | |||
return; | |||
} | |||
if (!this.data.sendCode) { | |||
return; | |||
} | |||
this.data.sendCode = false; | |||
app.wxRequest(app.globalData.urlRoot + "captcha/sendCaptcha", { mobile: this.data.mobile2 }, res => { | |||
if (res.code == 200) { | |||
this.countDown(); | |||
wx.showToast({ | |||
title: '验证码获取成功', | |||
icon: "none" | |||
}) | |||
this.setData({ | |||
verificationCode: 60 | |||
}) | |||
} else { | |||
this.data.sendCode = true; | |||
wx.showToast({ | |||
title: res.msg, | |||
icon: "none" | |||
}) | |||
} | |||
}, this) | |||
}, | |||
countDown: function () {//倒计时 | |||
setTimeout(() => { | |||
this.setData({ | |||
verificationCode: this.data.verificationCode - 1 | |||
}) | |||
if (this.data.verificationCode > 0) { | |||
this.countDown(); | |||
} else { | |||
this.setData({ | |||
verificationCode: "获取验证码" | |||
}) | |||
this.data.sendCode = true; | |||
} | |||
}, 1000); | |||
}, | |||
getUserLocation: function (e) { | |||
wx.getLocation({ | |||
type: 'gcj02', //wgs84 | |||
success: (res) => { | |||
this.getDistributorList(res.longitude, res.latitude); | |||
}, | |||
fail: (res) => { | |||
this.getDistributorList("", ""); | |||
}, | |||
complete: (res) => { | |||
this.setData({ | |||
siteSelect: true, | |||
}) | |||
} | |||
}) | |||
}, | |||
showSite: function () {//显示地址选择框 | |||
if (!this.data.siteSelect) { | |||
} | |||
}, | |||
agreementState: function () {//协议 | |||
this.setData({ | |||
isAgreement: !this.data.isAgreement | |||
}) | |||
}, | |||
agreementControl: function () { | |||
this.setData({ | |||
agreement: !this.data.agreement | |||
}) | |||
}, | |||
preBuy: function () {//下订支付 | |||
if (!this.data.subscribeData.realname) { | |||
wx.showToast({ | |||
title: '请输入姓名', | |||
icon: "none" | |||
}) | |||
return; | |||
} | |||
if (!this.data.mobile2 && this.data.mobileType==2) { | |||
wx.showToast({ | |||
title: '请输入电话', | |||
icon: "none" | |||
}) | |||
return; | |||
} | |||
if (this.data.mobileType == 2) { | |||
if (!this.data.subscribeData.captcha) { | |||
wx.showToast({ | |||
title: '请输入验证码', | |||
icon: "none" | |||
}) | |||
return; | |||
} | |||
} | |||
if (!this.data.isAgreement) { | |||
wx.showToast({ | |||
title: '请同意协议', | |||
icon: 'none' | |||
}) | |||
return; | |||
} | |||
if (!this.data.appointment) { | |||
return; | |||
} | |||
this.data.appointment = false; | |||
this.data.subscribeData.province = this.data.provinceDataArr[0][this.data.provinceDataValue[0]]; | |||
this.data.subscribeData.city = this.data.provinceDataArr[1][this.data.provinceDataValue[1]]; | |||
this.data.subscribeData.agent_code = this.data.storeArr[this.data.storeValue].agent_code; | |||
this.data.subscribeData.agentDetail = this.data.storeArr[this.data.storeValue].agent_detail; | |||
var sourceMobile = this.data.subscribeData.mobile; | |||
if (this.data.mobileType == 2) { | |||
this.data.subscribeData.mobile = this.data.mobile2; | |||
} | |||
this.data.subscribeData.parentOpenid = app.globalData.parentOpenid; | |||
wx.showLoading({ | |||
title: '加载中', | |||
mask:true | |||
}) | |||
app.wxRequest(app.globalData.urlRoot + "wxPay/v3/preBuy", this.data.subscribeData, res => { | |||
wx.hideLoading(); | |||
this.data.subscribeData.mobile = sourceMobile; | |||
if (res.code == 200) { | |||
wx.requestPayment({ | |||
timeStamp: res.data.jsSubmit.timeStamp, | |||
nonceStr: res.data.jsSubmit.nonceStr, | |||
signType: res.data.jsSubmit.signType, | |||
package: res.data.jsSubmit.package, | |||
paySign: res.data.jsSubmit.paySign, | |||
success:(option)=>{ | |||
this.paySuccess(res.data.trade_id); | |||
}, | |||
fail: (option) => { | |||
this.data.appointment = true; | |||
wx.showToast({ | |||
title: '支付失败', | |||
icon:"none" | |||
}) | |||
} | |||
}) | |||
} else { | |||
this.data.appointment = true; | |||
wx.showToast({ | |||
title: res.msg, | |||
icon: "none" | |||
}) | |||
} | |||
}, this, "POST") | |||
}, | |||
paySuccess: function (e) {//支付成功 | |||
app.wxRequest(app.globalData.urlRoot + "wxPay/paySuccess", { source:2,trade_id:e},res=>{ | |||
if(res.code==200){ | |||
// wx.showToast({ | |||
// title: '下订成功', | |||
// mask:true | |||
// }) | |||
this.setData({ | |||
getBuyState:true | |||
}) | |||
app.globalData.getBuyState = {}; | |||
app.globalData.getBuyState.success = true; | |||
app.globalData.getBuyState.cdate = res.data.cdate; | |||
app.globalData.getBuyState.coupon_code = res.data.coupon_code; | |||
// setTimeout(()=>{ | |||
// this.closeXieyi(); | |||
// },1500) | |||
} else { | |||
this.data.appointment = true; | |||
wx.showToast({ | |||
title: res.msg, | |||
icon:'none' | |||
}) | |||
} | |||
},this,"POST"); | |||
}, | |||
closePage:function(){ | |||
this.closeXieyi(); | |||
// wx.reLaunch({ | |||
// url: '/pages/index/index', | |||
// }) | |||
}, | |||
provinceDataChange:function(e){ | |||
if (e.detail.column==0) { | |||
var city = []; | |||
for (let i = 0; i < this.data.provinceDataAll[e.detail.value].children.length;i++){ | |||
city.push(this.data.provinceDataAll[e.detail.value].children[i].city); | |||
} | |||
this.data.provinceDataArr[1] = city; | |||
this.setData({ | |||
provinceDataArr: this.data.provinceDataArr | |||
}) | |||
} | |||
}, | |||
provinceDataChane:function(e){ | |||
this.setData({ | |||
provinceDataValue: e.detail.value, | |||
nowProvince: this.data.provinceDataArr[0][e.detail.value[0]] + " " + this.data.provinceDataArr[1][e.detail.value[1]], | |||
storeArr: this.data.provinceDataAll[e.detail.value[0]].children[e.detail.value[1]].children, | |||
storeValue:0 | |||
}) | |||
}, | |||
storeChane:function(e){ | |||
this.setData({ | |||
storeValue:e.detail.value | |||
}) | |||
}, | |||
enterMycenter:function(){ | |||
wx.reLaunch({ | |||
url: '/pages/myCenter/myCenter', | |||
}) | |||
}, | |||
cutType: function () { | |||
this.setData({ | |||
mobileType: this.data.mobileType == 1 ? 2 : 1 | |||
}) | |||
}, | |||
tipShowControl:function(){ | |||
this.setData({ | |||
tipShow:!this.data.tipShow | |||
}) | |||
}, | |||
tipShowControl2:function(){ | |||
this.setData({ | |||
tipShow:!this.data.tipShow | |||
}) | |||
this.preBuy(); | |||
} | |||
} | |||
}) |
@@ -0,0 +1,6 @@ | |||
{ | |||
"component": true, | |||
"usingComponents": { | |||
"agreement": "/pages/agreement/agreement" | |||
} | |||
} |
@@ -0,0 +1,90 @@ | |||
<!--pages/orderActivity/orderActivity.wxml--> | |||
<view class="main"> | |||
<view class="titleText">下订有礼</view> | |||
<view class="lineSty"></view> | |||
<image class="closeXieyi" bindtap="closeXieyi" src="{{imgUrl+'/images/closeXieyi.png'}}"></image> | |||
<image class="yuyueTop" src="{{imgUrl+'/newImages6/47.png'}}"></image> | |||
<view class="selectType"> | |||
<view style="position: relative;"> | |||
<image class="newImages2-41" bindtap="cutType" style="margin-bottom:23rpx;" src="{{imgUrl+'/newImages2/41_'+(mobileType==1?'2':'1')+'.png'}}"></image> | |||
<view class="getPhoneFrame" wx:if="{{!phoneInputShow}}"> | |||
<button class="getPhoneBtn" style="width: 100%;height: 100%;margin: 0;padding: 0;min-height: 0;" open-type="getPhoneNumber" bindgetphonenumber="getUserPhone"></button> | |||
</view> | |||
</view> | |||
<image class="newImages2-41" bindtap="cutType" src="{{imgUrl+'/newImages2/42_'+(mobileType==1?'1':'2')+'.png'}}"></image> | |||
</view> | |||
<view class="msgGroup" style="margin-top:44rpx;"> | |||
<view class="inputGroup"> | |||
<view class="userTitle">姓名</view> | |||
<input class="userInput" bindinput="getRealname" value="{{subscribeData.realname}}" placeholder="请输入您的姓名"></input> | |||
</view> | |||
<view class="inputGroup" wx:if="{{mobileType==1}}"> | |||
<view class="userTitle">电话</view> | |||
<view class="userInput"> | |||
<input style="width:100%;height:100%;" disabled="true" bindinput="getMobile" type="number" maxlength='11' value="{{subscribeData.mobile}}" placeholder="请输入您的联系电话"></input> | |||
</view> | |||
</view> | |||
<view class="inputGroup" wx:if="{{mobileType==2}}"> | |||
<view class="userTitle">电话</view> | |||
<view class="userInput"> | |||
<input style="width:100%;height:100%;" bindinput="getMobile2" type="number" maxlength='11' value="{{mobile2}}" placeholder="请输入您的联系电话"></input> | |||
</view> | |||
</view> | |||
<view class="codeGroup" wx:if="{{mobileType==2}}"> | |||
<input class="userInput" bindinput="getCaptcha" style="width:350rpx;" placeholder="请输入您的验证码"></input> | |||
<view class="getCode" bindtap="getCode">{{verificationCode}}</view> | |||
</view> | |||
<!-- <view wx:if="{{siteSelect}}" class="pickerGroup"> --> | |||
<view class="inputGroup"> | |||
<view class="userTitle">当前城市</view> | |||
<picker mode='multiSelector' range="{{provinceDataArr}}" value="{{provinceDataValue}}" bindcolumnchange="provinceDataChange" bindchange="provinceDataChane"> | |||
<view class="userInput selectSiteGroup"> | |||
<text>{{nowProvince}}</text> | |||
<image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> | |||
</view> | |||
</picker> | |||
</view> | |||
<view class="inputGroup"> | |||
<view class="userTitle">专营店</view> | |||
<picker mode='selector' range="{{storeArr}}" range-key="agent_detail" value="{{storeValue}}" bindchange="storeChane"> | |||
<view class="userInput selectSiteGroup"> | |||
<text>{{storeArr[storeValue].agent_detail}}</text> | |||
<image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> | |||
</view> | |||
</picker> | |||
</view> | |||
<!-- </view> --> | |||
<view class="agreementGroup"> | |||
<image class="agreeIcon" bindtap="agreementState" src="{{imgUrl+(isAgreement?'/images/agreeIcon.png?v=003':'/images/disagreeIcon.png?v=002')}}"></image> | |||
<view class="agreementText"> | |||
<image style="width:261rpx;height:23rpx;" src="{{imgUrl+'/images/myCenterAgreenTip.png'}}"></image> | |||
<view bindtap="agreementControl"> | |||
<image style="width:240rpx;height:23rpx;margin-left:3rpx;" src="{{imgUrl+'/images/myCenterAgreen.png'}}"></image> | |||
</view> | |||
</view> | |||
</view> | |||
<view class="subscribeBtn"> | |||
<!-- <image style="width:100%;height:100%;" bindtap="preBuy" src="{{imgUrl+'/btns/placingOrderBtn.png'}}"></image> --> | |||
<image style="width:100%;height:100%;" bindtap="preBuy" src="{{imgUrl+'/newImages8/6.png'}}"></image> | |||
</view> | |||
</view> | |||
<agreement bindmyevent="agreementControl" wx:if="{{agreement}}"></agreement> | |||
<view class="receiveFrame" wx:if="{{getBuyState}}"> | |||
<view class="receiveGroup"> | |||
<image class="newImages12" bindtap="closePage" src="{{imgUrl+'/newImages/12.png'}}"></image> | |||
<image class="newImages2-1" src="{{imgUrl+'/newImages6/49.png'}}"></image> | |||
<image class="newImages2-2" bindtap="enterMycenter" src="{{imgUrl+'/newImages3/3.png'}}"></image> | |||
<image class="newImages2-3" bindtap="enterMycenter" src="{{imgUrl+'/newImages2/3.png'}}"></image> | |||
</view> | |||
</view> | |||
<view class="tipFrame" wx:if="{{tipShow}}"> | |||
<view class="tipGroup"> | |||
<image class="closeTip" bindtap="tipShowControl" src="{{imgUrl+'/newImages4/15.png'}}"></image> | |||
<image class="tipGroupBg" src="{{imgUrl+'/newImages8/7.png'}}"></image> | |||
<view class="tipGroupContent"> | |||
<image class="tipGroupContentImg" src="{{imgUrl+'/newImages8/8.png'}}"></image> | |||
<!-- <image class="tipGroupContentBtn" bindtap="tipShowControl2" src="{{imgUrl+'/newImages4/14.png'}}"></image> --> | |||
</view> | |||
</view> | |||
</view> | |||
</view> |
@@ -0,0 +1,263 @@ | |||
/* pages/orderActivity/orderActivity.wxss */ | |||
.closeXieyi,.xieyi{ | |||
display: block; | |||
} | |||
.main{ | |||
width: 750rpx; | |||
position: fixed; | |||
left: 0; | |||
top: 0; | |||
height: calc(100vh - 120rpx); | |||
overflow: auto; | |||
background-color: white; | |||
z-index: 99; | |||
} | |||
.closeGroup{ | |||
display: flex; | |||
align-items: center; | |||
justify-content: flex-end; | |||
padding-right: 48rpx; | |||
padding-top: 38rpx; | |||
} | |||
.placingIcon{ | |||
width: 663rpx; | |||
height: 515rpx; | |||
margin:25rpx auto 74rpx; | |||
} | |||
.msgGroup{ | |||
padding: 0 46rpx; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
} | |||
.codeGroup{ | |||
width: 100%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: flex-end; | |||
margin-bottom: 15rpx; | |||
} | |||
.inputGroup{ | |||
width: 100%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
margin-bottom: 15rpx; | |||
} | |||
.userTitle{ | |||
line-height: 24rpx; | |||
font-size:24rpx; | |||
font-family:PingFangSC; | |||
font-weight:400; | |||
color:rgba(35,24,21,1); | |||
} | |||
.userInput{ | |||
position: relative; | |||
width:539rpx; | |||
height: 65rpx; | |||
line-height: 65rpx; | |||
border: 2rpx solid #bfbfbf; | |||
padding: 0 28rpx; | |||
box-sizing: border-box; | |||
border-radius: 20rpx; | |||
font-size:24rpx; | |||
font-family:PingFangSC; | |||
font-weight:300; | |||
} | |||
.getCode{ | |||
width: 160rpx; | |||
height: 50rpx; | |||
line-height: 50rpx; | |||
font-size:26rpx; | |||
font-family:PingFangSC; | |||
font-weight:400; | |||
color:rgba(255,255,255,1); | |||
background-color: #2a558c; | |||
border-radius: 15rpx; | |||
text-align: center; | |||
margin-left: 30rpx; | |||
} | |||
.selectIcon{ | |||
width: 25rpx; | |||
height: 15rpx; | |||
} | |||
.selectSiteGroup{ | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
} | |||
.agreementGroup{ | |||
width: 658rpx; | |||
margin: 0 auto; | |||
display: flex; | |||
align-items: center; | |||
margin-top: 19rpx; | |||
} | |||
.agreeIcon{ | |||
width: 29rpx; | |||
height: 28rpx; | |||
margin-right: 17rpx; | |||
} | |||
.agreementText{ | |||
line-height: 24rpx; | |||
font-size:24rpx; | |||
font-family:PingFangSC; | |||
font-weight:300; | |||
color:rgba(156,157,157,1); | |||
display: flex; | |||
align-items: center; | |||
} | |||
.subscribeBtn{ | |||
margin: 0 auto; | |||
width:652rpx; | |||
height:70rpx; | |||
margin-top: 39rpx; | |||
margin-bottom: 99rpx; | |||
} | |||
.pickerGroup{ | |||
width: 100%; | |||
} | |||
.receiveFrame{ | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 750rpx; | |||
height: calc(100vh - 120rpx); | |||
z-index: 9; | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
overflow: auto; | |||
} | |||
.receiveGroup{ | |||
width: 750rpx; | |||
height: 1353rpx; | |||
position: relative; | |||
} | |||
.newImages12{ | |||
position: absolute; | |||
top:48rpx; | |||
right: 38rpx; | |||
width: 42rpx; | |||
height: 42rpx; | |||
} | |||
.newImages2-3{ | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
bottom: 41rpx; | |||
width: 322rpx; | |||
height: 71rpx; | |||
} | |||
.newImages2-1{ | |||
width: 750rpx; | |||
height: 1353rpx; | |||
} | |||
.newImages2-2{ | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
top: 593rpx; | |||
width: 366rpx; | |||
height: 57rpx; | |||
} | |||
.titleText{ | |||
width: 682rpx; | |||
margin: 0 auto; | |||
margin-top: 78rpx; | |||
margin-bottom: 28rpx; | |||
line-height: 39rpx; | |||
font-size:39rpx; | |||
font-family:PingFangSC; | |||
font-weight:bold; | |||
color:rgba(0,77,149,1); | |||
} | |||
.lineSty{ | |||
width: 682rpx; | |||
height:2rpx; | |||
background-color: #B6B6B6; | |||
margin: 0 auto; | |||
margin-bottom: 45rpx; | |||
} | |||
.closeXieyi{ | |||
position: absolute; | |||
right: 48rpx; | |||
top: 38rpx; | |||
width: 42rpx; | |||
height: 42rpx; | |||
} | |||
.yuyueTop{ | |||
display: block; | |||
margin: 0 auto; | |||
width: 699rpx; | |||
height: 225rpx; | |||
margin-bottom: 45rpx; | |||
} | |||
.newImages2-41{ | |||
width:653rpx; | |||
height: 71rpx; | |||
margin: 0 auto; | |||
} | |||
.getPhoneFrame{ | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
top: 0; | |||
width:653rpx; | |||
height: 71rpx; | |||
z-index: 2; | |||
} | |||
.getPhoneBtn{ | |||
opacity: 0; | |||
} | |||
.tipFrame{ | |||
position: fixed; | |||
left: 0; | |||
top: 0; | |||
width: 750rpx; | |||
height: calc(100vh - 120rpx); | |||
z-index: 9; | |||
background-color: rgba(000,000,000,0.5); | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
.tipGroup{ | |||
position: relative; | |||
width: 641rpx; | |||
height: 1000rpx; | |||
} | |||
.tipGroupBg{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.tipGroupContent{ | |||
position: absolute; | |||
top: 120rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
width: 634rpx; | |||
height: 850rpx; | |||
overflow: auto; | |||
} | |||
.tipGroupContentImg{ | |||
width: 601rpx; | |||
height: 1949rpx; | |||
margin: 0 auto; | |||
} | |||
.tipGroupContentBtn{ | |||
width: 429rpx; | |||
height: 70rpx; | |||
margin: 0 auto; | |||
margin-top: 50rpx; | |||
margin-bottom: 20rpx; | |||
} | |||
.closeTip{ | |||
position: absolute; | |||
top: -27rpx; | |||
right: -27rpx; | |||
width: 37rpx; | |||
height: 37rpx; | |||
} |
@@ -0,0 +1,158 @@ | |||
// pages/rotaryDraw/rotaryDraw.js | |||
const app = getApp() | |||
let dataList = [ | |||
{prizeName:"华为P40",nickName:"啦啦啦"}, | |||
{prizeName:"小米扫拖机器人",nickName:"啦啦啦"}, | |||
{prizeName:"小米空调",nickName:"啦啦啦"}, | |||
{prizeName:"九阳破壁机",nickName:"啦啦啦"}, | |||
{prizeName:"USMILE电动牙刷",nickName:"啦啦啦"}, | |||
] | |||
Page({ | |||
/** | |||
* 页面的初始数据 | |||
*/ | |||
data: { | |||
imgUrl: app.globalData.urlStatic,//图片路径 | |||
recordDataAll:[],//所有数据 | |||
recordNowNum:0,//当前数据 | |||
totalNum:0,//数据总数 | |||
ani:{ | |||
ani1:null, | |||
ani2:null, | |||
ani3:null, | |||
ani4:null | |||
}, | |||
page:1, | |||
count:5, | |||
drawAni:null | |||
}, | |||
/** | |||
* 生命周期函数--监听页面加载 | |||
*/ | |||
onLoad: function (options) { | |||
if (app.globalData.openid) { | |||
this.loadFun(); | |||
} else { | |||
app.globalData.openidSuccessFuc = this.loadFun; | |||
} | |||
}, | |||
loadFun() { | |||
// this.getRecordData(); | |||
}, | |||
/** | |||
* 生命周期函数--监听页面初次渲染完成 | |||
*/ | |||
onReady: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面显示 | |||
*/ | |||
onShow: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面隐藏 | |||
*/ | |||
onHide: function () { | |||
}, | |||
/** | |||
* 生命周期函数--监听页面卸载 | |||
*/ | |||
onUnload: function () { | |||
}, | |||
/** | |||
* 页面相关事件处理函数--监听用户下拉动作 | |||
*/ | |||
onPullDownRefresh: function () { | |||
}, | |||
/** | |||
* 页面上拉触底事件的处理函数 | |||
*/ | |||
onReachBottom: function () { | |||
}, | |||
/** | |||
* 用户点击右上角分享 | |||
*/ | |||
onShareAppMessage: function () { | |||
return app.sharePack(); | |||
}, | |||
getRecordData(){//获取中将记录数据 | |||
return; | |||
app.wxRequest(app.globalData.urlRoot + "", {}, res => { | |||
if (res.code == 200 && res.data) { | |||
this.data.totalNum = res.total; | |||
for(let i=0;i<res.data.length;i++){ | |||
this.data.recordDataAll.push(res.data[i]); | |||
} | |||
if(this.data.page==1){ | |||
for(let i=1;i<=4;i++){ | |||
setTimeout(()=>{ | |||
this.aniFun(4000,"-40rpx","ani"+i); | |||
},(i-1)*1000); | |||
} | |||
} | |||
} | |||
}, this) | |||
}, | |||
aniFun(duration,top,that,loop = true){ | |||
var animation = wx.createAnimation({ | |||
duration: duration | |||
}); | |||
animation.top(top).step(); | |||
this.data.ani[that] = animation.export(); | |||
if(loop){ | |||
if(this.data.page*this.data.count-4<=this.data.recordNowNum && this.data.recordNowNum<this.data.total){ | |||
this.data.page++; | |||
this.getRecordData(); | |||
} | |||
this.data.ani[that].recordText = "恭喜"+this.data.recordDataAll[this.data.recordNowNum].nickName+"获得"+this.data.recordDataAll[this.data.recordNowNum].prizeName; | |||
if(this.data.recordNowNum+1<this.data.recordDataAll.length){ | |||
this.data.recordNowNum++; | |||
}else{ | |||
this.data.recordNowNum=0; | |||
} | |||
} | |||
this.setData({ | |||
ani: this.data.ani | |||
}) | |||
if(loop){ | |||
setTimeout(()=>{ | |||
this.aniFun(0,"152rpx",that,false); | |||
setTimeout(()=>{ | |||
this.aniFun(duration,"-40rpx",that); | |||
},50) | |||
},duration); | |||
} | |||
}, | |||
startDraw(){//开始抽奖 | |||
this.drawAniFun(2000,360); | |||
}, | |||
drawAniFun(duration,rotate,loop=true){ | |||
var animation = wx.createAnimation({ | |||
duration: duration | |||
}); | |||
animation.rotate(rotate).step(); | |||
this.setData({ | |||
drawAni:animation.export() | |||
}) | |||
if(loop){ | |||
setTimeout(()=>{ | |||
this.drawAniFun(2000,rotate+360); | |||
},duration) | |||
} | |||
} | |||
}) |
@@ -0,0 +1,6 @@ | |||
{ | |||
"navigationBarTitleText": "幸运大转盘", | |||
"usingComponents": { | |||
"tabBar": "../component/tabBar/index" | |||
} | |||
} |
@@ -0,0 +1,26 @@ | |||
<!--pages/rotaryDraw/rotaryDraw.wxml--> | |||
<view class="all"> | |||
<view class="main"> | |||
<image class="pageBg" src="{{imgUrl+'/newImages8/15.png'}}"></image> | |||
<view class="gameFrame"> | |||
<view class="gameGroup"> | |||
<image class="gameDial" animation="{{drawAni}}" src="{{imgUrl+'/newImages8/14.png'}}"></image> | |||
<image class="gamePointer" bindtap="startDraw" src="{{imgUrl+'/newImages8/13.png'}}"></image> | |||
</view> | |||
</view> | |||
<view class="recordFrame"> | |||
<view style="width:100%;height:100%;position: relative;"> | |||
<view class="recordGroup"> | |||
<view class="recordText" animation="{{ani.ani1}}">{{ani.ani1?ani.ani1.recordText:""}}</view> | |||
<view class="recordText" animation="{{ani.ani2}}">{{ani.ani2?ani.ani2.recordText:""}}</view> | |||
<view class="recordText" animation="{{ani.ani3}}">{{ani.ani3?ani.ani3.recordText:""}}</view> | |||
<view class="recordText" animation="{{ani.ani4}}">{{ani.ani4?ani.ani4.recordText:""}}</view> | |||
<!-- <view class="recordText">啦啦啦啦</view> | |||
<view class="recordText">啦啦啦啦</view> | |||
<view class="recordText">啦啦啦啦</view> --> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
<tabBar></tabBar> | |||
</view> |
@@ -0,0 +1,69 @@ | |||
/* pages/rotaryDraw/rotaryDraw.wxss */ | |||
image{ | |||
display: block; | |||
} | |||
view{ | |||
-webkit-overflow-scrolling: touch; | |||
} | |||
.main{ | |||
height: calc(100vh - 120rpx); | |||
overflow: auto; | |||
position: relative; | |||
} | |||
.pageBg{ | |||
width: 750rpx; | |||
height: 1354rpx; | |||
} | |||
.gameFrame{ | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
top:345rpx; | |||
width:662rpx; | |||
height:662rpx; | |||
z-index: 9; | |||
} | |||
.gameGroup{ | |||
position: relative; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.gameDial{ | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.gamePointer{ | |||
position: absolute; | |||
top: 207rpx; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
width: 119rpx; | |||
height: 181rpx; | |||
} | |||
.recordFrame{ | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 750rpx; | |||
height: 1354rpx; | |||
} | |||
.recordGroup{ | |||
position: absolute; | |||
left: 50%; | |||
bottom: 0; | |||
transform: translateX(-50%); | |||
width: 530rpx; | |||
height: 152rpx; | |||
overflow: hidden; | |||
} | |||
.recordText{ | |||
position: absolute; | |||
left: 0; | |||
top: 152rpx; | |||
text-align: center; | |||
font-size: 24rpx; | |||
width: 100%; | |||
height: 40rpx; | |||
line-height: 40rpx; | |||
color: white; | |||
} |
@@ -15,6 +15,8 @@ Component({ | |||
* 组件的初始数据 | |||
*/ | |||
data: { | |||
prizeShow:false,//是否显示获奖弹窗 | |||
ruleShow:true,//是否显示规则 | |||
imgUrl: app.globalData.urlStatic,//图片路径 | |||
agreement:false, | |||
isAgreement: true,//是否同意协议 | |||
@@ -213,7 +215,7 @@ Component({ | |||
this.data.subscribeData.mobile = this.data.mobile2; | |||
} | |||
this.data.subscribeData.parentOpenid = app.globalData.parentOpenid; | |||
app.wxRequest(app.globalData.urlRoot + "userInfo/submitOrderInfo", this.data.subscribeData, res => { | |||
app.wxRequest(app.globalData.urlRoot + "userInfo/v2/submitOrderInfo", this.data.subscribeData, res => { | |||
this.data.subscribeData.mobile = sourceMobile; | |||
this.data.appointment = true; | |||
if (res.code == 200) { | |||
@@ -223,13 +225,14 @@ Component({ | |||
}) | |||
return; | |||
} | |||
wx.showToast({ | |||
title: '预约成功', | |||
mask:true | |||
}) | |||
setTimeout(()=>{ | |||
this.closeXieyi(); | |||
},1500) | |||
this.prizeControl(); | |||
// wx.showToast({ | |||
// title: '预约成功', | |||
// mask:true | |||
// }) | |||
// setTimeout(()=>{ | |||
// this.closeXieyi(); | |||
// },1500) | |||
// this.data.subscribeData.realname = ""; | |||
// this.data.subscribeData.captcha = ""; | |||
// this.setData({ | |||
@@ -353,6 +356,19 @@ Component({ | |||
app.submitUserMsg(e.detail.userInfo.avatarUrl, e.detail.userInfo.nickName); | |||
} | |||
this.subscribeFun(); | |||
}, | |||
ruleControl(){//控制规则显示状态 | |||
this.setData({ | |||
ruleShow:!this.data.ruleShow | |||
}) | |||
}, | |||
prizeControl(){//控制获奖弹窗显示状态 | |||
this.setData({ | |||
prizeShow:!this.data.prizeShow | |||
}) | |||
}, | |||
getNow(){//立即领取 | |||
} | |||
} | |||
}) |
@@ -1,7 +1,7 @@ | |||
<!--pages/yuyue/yuyue.wxml--> | |||
<view class="all"> | |||
<view class="main"> | |||
<view class="titleText">预约试驾</view> | |||
<view class="titleText">试驾有礼</view> | |||
<view class="lineSty"></view> | |||
<image class="closeXieyi" bindtap="closeXieyi" src="{{imgUrl+'/images/closeXieyi.png'}}"></image> | |||
<image class="yuyueTop" src="{{imgUrl+'/newImages6/47.png'}}"></image> | |||
@@ -51,12 +51,25 @@ | |||
</view> | |||
</view> | |||
<view class="subscribeBtn" style="margin-top:34rpx;"> | |||
<image style="width:100%;height:100%;" bindtap="subscribeFun" src="{{imgUrl+'/newImages3/21.png'}}"></image> | |||
<image style="width:100%;height:100%;" bindtap="subscribeFun" src="{{imgUrl+'/newImages8/1.png'}}"></image> | |||
<button wx:if="{{!userData}}" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="getUserWxMsg" style="width:100%;height:100%;min-height:0;padding:0;margin:0;"></button> | |||
</view> | |||
<view class="subscribeBtn" bindtap="lookMore"> | |||
<image style="width:100%;height:100%;" src="{{imgUrl+'/newImages3/22.png'}}"></image> | |||
</view> | |||
</view> | |||
<view class="ruleMask" wx:if="{{ruleShow}}"> | |||
<view class="ruleGroup"> | |||
<image style="width:100%;height:100%;" src="{{imgUrl+'/newImages8/2.png'}}"></image> | |||
<image class="closeRule" src="{{imgUrl+'/newImages8/3.png'}}" bindtap="ruleControl"></image> | |||
</view> | |||
</view> | |||
<view class="ruleMask" wx:if="{{prizeShow}}"> | |||
<view class="ruleGroup" style="width:570rpx;height:558rpx;"> | |||
<image style="width:100%;height:100%;" src="{{imgUrl+'/newImages8/9.png'}}"></image> | |||
<image class="closeRule" style="top:-30rpx;right:-30rpx;" src="{{imgUrl+'/newImages8/3.png'}}" bindtap="closeXieyi"></image> | |||
<view class="getNow" bindtap="getNow"></view> | |||
</view> | |||
</view> | |||
<agreement bindmyevent="agreementControl" wx:if="{{agreement}}"></agreement> | |||
</view> |
@@ -154,4 +154,36 @@ | |||
width:653rpx; | |||
height: 71rpx; | |||
margin: 0 auto; | |||
} | |||
.ruleMask{ | |||
position: fixed; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: calc(100vh - 120rpx); | |||
background-color: rgba( 000, 000, 000, 0.6); | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
z-index: 99; | |||
} | |||
.ruleGroup{ | |||
position: relative; | |||
width: 641rpx; | |||
height: 995rpx; | |||
} | |||
.closeRule{ | |||
position: absolute; | |||
top: -27rpx; | |||
right: -28rpx; | |||
width: 38rpx; | |||
height: 37rpx; | |||
} | |||
.getNow{ | |||
position: absolute; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
top: 435rpx; | |||
width: 368rpx; | |||
height: 60rpx; | |||
} |
@@ -4,7 +4,7 @@ | |||
"ignore": [] | |||
}, | |||
"setting": { | |||
"urlCheck": true, | |||
"urlCheck": false, | |||
"es6": true, | |||
"postcss": true, | |||
"minified": true, | |||
@@ -227,6 +227,18 @@ | |||
"name": "二次竞猜结果海报", | |||
"pathName": "pages/guessSecondPoster/guessSecondPoster", | |||
"query": "" | |||
}, | |||
{ | |||
"id": -1, | |||
"name": "618下订", | |||
"pathName": "pages/orderActivity/orderActivity", | |||
"query": "" | |||
}, | |||
{ | |||
"id": -1, | |||
"name": "转盘抽奖", | |||
"pathName": "pages/rotaryDraw/rotaryDraw", | |||
"query": "" | |||
} | |||
] | |||
} |