| @@ -81,7 +81,6 @@ App({ | |||
| }) | |||
| this.wxRequest(this.globalData.urlRoot + "wxInfo/getOpenid", { code: code }, res => { | |||
| wx.hideLoading(); | |||
| console.log(res); | |||
| if (res.code == 200) { | |||
| wx.setStorageSync("openid", res.data.openid); | |||
| wx.setStorageSync("session_key", res.data.session_key); | |||
| @@ -135,7 +134,8 @@ App({ | |||
| method: methods, | |||
| header: { | |||
| "content-type": "application/x-www-form-urlencoded", | |||
| "OPENID": this.globalData.openid | |||
| "OPENID": this.globalData.openid, | |||
| "VERSION":100 | |||
| }, | |||
| success: function (re) { | |||
| // if (re.data.code == -1002) { | |||
| @@ -214,8 +214,6 @@ App({ | |||
| }, this, "POST"); | |||
| }, | |||
| getMobile: function (encryptedData, iv, callback, thisArg) {//检查登录态是否过期 | |||
| console.log(encryptedData); | |||
| console.log(iv); | |||
| wx.checkSession({ | |||
| success: res => { | |||
| this.getMobile2(encryptedData,iv,callback,thisArg); | |||
| @@ -14,7 +14,8 @@ | |||
| "pages/receiveRegister/receiveRegister", | |||
| "pages/address/address", | |||
| "pages/mobileVerification/mobileVerification", | |||
| "pages/agreement/agreement" | |||
| "pages/agreement/agreement", | |||
| "pages/moreType/moreType" | |||
| ], | |||
| "window": { | |||
| "backgroundTextStyle": "light", | |||
| @@ -28,5 +29,8 @@ | |||
| "scope.userLocation": { | |||
| "desc": "你的位置信息将用于小程序位置接口的效果展示" | |||
| } | |||
| } | |||
| }, | |||
| "navigateToMiniProgramAppIdList":[ | |||
| "wx1d585c8c2fffe589" | |||
| ] | |||
| } | |||
| @@ -24,7 +24,7 @@ | |||
| <textarea class="msgInput addressTextarea" style="margin-top:{{marginT}}rpx;" bindinput="getAddressDetail" value="{{submitData.addressDetail}}"></textarea> | |||
| </view> | |||
| </view> | |||
| <view class="saveAddress" bindtap="submitAddress">保存</view> | |||
| <image class="saveAddress" bindtap="submitAddress" src="{{imgUrl+'/btns/addressSave.png'}}"></image> | |||
| </view> | |||
| <tabBar></tabBar> | |||
| </view> | |||
| @@ -59,17 +59,9 @@ view{ | |||
| position: absolute; | |||
| left: 50%; | |||
| bottom: 45rpx; | |||
| text-align: center; | |||
| transform: translateX(-50%); | |||
| width:652rpx; | |||
| height:70rpx; | |||
| background-color: #01538E; | |||
| line-height: 70rpx; | |||
| font-size:30rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:400; | |||
| color:rgba(255,255,255,1); | |||
| border-radius: 15rpx; | |||
| } | |||
| .pickerSty{ | |||
| height: 62rpx; | |||
| @@ -32,15 +32,17 @@ Component({ | |||
| }, | |||
| newCarConsultation:function(e){//新车咨询 | |||
| console.log("小程序跳转"); | |||
| // wx.navigateToMiniProgram({ | |||
| // appId: 'wx5c64e733d849c3ef', | |||
| // success(res) { | |||
| // // 打开成功 | |||
| // }, | |||
| // complete(res){ | |||
| // console.log(res); | |||
| // } | |||
| // }) | |||
| wx.navigateToMiniProgram({ | |||
| appId:'wx1d585c8c2fffe589', | |||
| path:"/pages/take/takeHome/takeHome", | |||
| envVersion:"trial", | |||
| success(res) { | |||
| // 打开成功 | |||
| }, | |||
| complete(res){ | |||
| console.log(res); | |||
| } | |||
| }) | |||
| } | |||
| } | |||
| }) | |||
| @@ -4,19 +4,18 @@ | |||
| <view wx:if="{{maskState}}" class="maskGroup" catchtouchmove="ture"> | |||
| <view class="contentGroup"> | |||
| <view class="tipGroup"> | |||
| <image class="serviceIcon2" src="{{imgUrl+'/images/serviceIcon.png'}}"></image> | |||
| <text class="serviceTip">请选择客服</text> | |||
| <image style="width:254rpx;height:45rpx;" src="{{imgUrl+'/images/selectService.png'}}"></image> | |||
| </view> | |||
| <view class="btnGroup" bindtap="newCarConsultation"> | |||
| <text class="serviceText">新车咨询</text> | |||
| <image class="serviceArrow" src="{{imgUrl+'/images/serviceArrow.png'}}"></image> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/images/severBtn1.png'}}"></image> | |||
| </view> | |||
| <view class="btnGroup" style="margin-top:30rpx;"> | |||
| <text class="serviceText">活动咨询</text> | |||
| <image class="serviceArrow" src="{{imgUrl+'/images/serviceArrow.png'}}"></image> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/images/severBtn2.png'}}"></image> | |||
| <button style="width:100%;" class="serviceBtn" open-type="contact"></button> | |||
| </view> | |||
| <view style="position:relative;"> | |||
| <image class="closeService" bindtap="closeService" src="{{imgUrl+'/images/closeService.png'}}"></image> | |||
| </view> | |||
| </view> | |||
| <image class="closeService" bindtap="closeService" src="{{imgUrl+'/images/closeService.png'}}"></image> | |||
| </view> | |||
| </view> | |||
| @@ -1,8 +1,8 @@ | |||
| /* pages/component/service/index.wxss */ | |||
| .serviceIcon{ | |||
| display: block; | |||
| width: 93rpx; | |||
| height: 94rpx; | |||
| width: 81rpx; | |||
| height: 81rpx; | |||
| position: fixed; | |||
| top: 385rpx; | |||
| right: 30rpx; | |||
| @@ -15,12 +15,14 @@ | |||
| height: 100%; | |||
| background-color: rgba(000, 000, 000, 0.8); | |||
| padding-bottom: 150rpx; | |||
| z-index: 99; | |||
| box-sizing: border-box; | |||
| } | |||
| .contentGroup{ | |||
| position: absolute; | |||
| left: 50%; | |||
| top: 277rpx; | |||
| transform: translateX(-50%); | |||
| top: 50%; | |||
| transform: translate(-50%,-50%); | |||
| width:596rpx; | |||
| height:425rpx; | |||
| background-color: white; | |||
| @@ -29,9 +31,8 @@ | |||
| .closeService{ | |||
| display: block; | |||
| position: absolute; | |||
| left: 50%; | |||
| top: 740rpx; | |||
| transform: translateX(-50%); | |||
| right: -60rpx; | |||
| top: -445rpx; | |||
| width: 73rpx; | |||
| height: 73rpx; | |||
| } | |||
| @@ -53,16 +54,10 @@ | |||
| } | |||
| .btnGroup{ | |||
| position: relative; | |||
| height: 100rpx; | |||
| width: 530rpx; | |||
| background-color: #005BFF; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| height: 101rpx; | |||
| width: 529rpx; | |||
| margin: 0 auto; | |||
| border-radius: 10rpx; | |||
| margin-top: 40rpx; | |||
| overflow: hidden; | |||
| } | |||
| .serviceText{ | |||
| font-size: 40rpx; | |||
| @@ -9,26 +9,46 @@ Page({ | |||
| imgUrl: app.globalData.urlStatic,//图片路径 | |||
| friendOpenid:null,//朋友的openid | |||
| countNum:0, | |||
| pageShow:false,//是否显示页面 | |||
| pageShow: false,//是否显示页面 false | |||
| isAppointmentShow: false,//是否显示预约弹框 | |||
| phoneInputShow: false,//是否显示电话输入框 | |||
| siteSelect: false,//是否显示位置选择框 | |||
| provinceArr: [],//省 | |||
| provinceValue: 0,//选中的省下标 | |||
| storeArr: [],//店铺 | |||
| storeValue: 0,//选中的店铺下标 | |||
| verificationCode: '获取验证码',//验证码文案 | |||
| sendCode: true, | |||
| appointment: true, | |||
| subscribeData: { | |||
| realname: "",//姓名 | |||
| mobile: "",//手机号 | |||
| captcha: "",//验证码 | |||
| province: "",//省份 | |||
| agent_code: "",//经销商编码 | |||
| agentDetail: "",//经销商详细信息 | |||
| parentOpenid: app.globalData.friendOpenid,//好友openid | |||
| } | |||
| }, | |||
| /** | |||
| * 生命周期函数--监听页面加载 | |||
| */ | |||
| onLoad: function (options) { | |||
| app.globalData.nowPage = 2; | |||
| if (options.friendOpenid) { | |||
| this.data.friendOpenid = options.friendOpenid; | |||
| wx.setStorageSync("friendOpenid", options.friendOpenid); | |||
| app.globalData.friendOpenid = options.friendOpenid; | |||
| } | |||
| if (app.globalData.openid) { | |||
| this.getOrderInfo(); | |||
| this.loadFun(); | |||
| } else { | |||
| app.globalData.openidSuccessFuc = this.getOrderInfo; | |||
| app.globalData.openidSuccessFuc = this.loadFun; | |||
| } | |||
| }, | |||
| loadFun:function(){ | |||
| this.getOrderInfo(); | |||
| }, | |||
| /** | |||
| * 生命周期函数--监听页面初次渲染完成 | |||
| */ | |||
| @@ -93,20 +113,213 @@ Page({ | |||
| this.setData({ | |||
| pageShow:true | |||
| }) | |||
| this.getTotalOrder(); | |||
| } | |||
| } | |||
| },this) | |||
| }, | |||
| getTotalOrder:function(){//获取预约人数 | |||
| app.wxRequest(app.globalData.urlRoot + "userInfo/getTotalOrder", {}, res => { | |||
| if (res.code == 200) { | |||
| if (res.data) { | |||
| this.setData({ | |||
| countNum: res.data.total | |||
| cutPage:function(){//发现启辰星 | |||
| wx.reLaunch({ | |||
| url: '/pages/index/index', | |||
| }) | |||
| }, | |||
| showAppointment:function(){ | |||
| this.setData({ | |||
| isAppointmentShow:true | |||
| }) | |||
| }, | |||
| provinceChane: function (e) {//选中省 | |||
| this.setData({ | |||
| provinceValue: e.detail.value, | |||
| storeArr: this.data.provinceArr[e.detail.value].children, | |||
| storeValue: 0 | |||
| }) | |||
| this.data.subscribeData.province = this.data.provinceArr[this.data.provinceValue].province; | |||
| this.data.subscribeData.agentDetail = this.data.storeArr[this.data.storeValue].agent_detail; | |||
| this.data.subscribeData.agent_code = this.data.storeArr[this.data.storeValue].agent_code; | |||
| }, | |||
| storeChane: function (e) {//选中店铺 | |||
| this.setData({ | |||
| storeValue: e.detail.value, | |||
| }) | |||
| this.data.subscribeData.agentDetail = this.data.storeArr[this.data.storeValue].agent_detail; | |||
| this.data.subscribeData.agent_code = this.data.storeArr[this.data.storeValue].agent_code; | |||
| }, | |||
| getUserPhone: function (e) {//获取用户手机号 | |||
| this.setData({ | |||
| phoneInputShow: true | |||
| }) | |||
| if (e.detail.errMsg == 'getPhoneNumber:ok') { | |||
| app.getMobile(e.detail.encryptedData, e.detail.iv, res => { | |||
| if (res.code == 200) { | |||
| 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); | |||
| } | |||
| }, | |||
| getUserLocation: function (e) { | |||
| wx.getLocation({ | |||
| type: 'gcj02', // | |||
| success: (res) => { | |||
| this.getDistributorList(res.longitude, res.latitude); | |||
| }, | |||
| fail: (res) => { | |||
| this.getDistributorList("", ""); | |||
| }, | |||
| complete: (res) => { | |||
| this.setData({ | |||
| siteSelect: true, | |||
| }) | |||
| } | |||
| }) | |||
| }, | |||
| getDistributorList: function (longitude, latitude) {//获取经销商列表 | |||
| app.wxRequest(app.globalData.urlRoot + "agent/getAgentList", { longitude: longitude, latitude: latitude }, res => { | |||
| if (res.code == 200) { | |||
| this.setData({ | |||
| provinceArr: res.data.list, | |||
| storeArr: res.data.list[res.data.nearData.provinceIndex].children, | |||
| provinceValue: res.data.nearData.provinceIndex, | |||
| storeValue: res.data.nearData.cityIndex | |||
| }) | |||
| this.data.subscribeData.province = this.data.provinceArr[this.data.provinceValue].province; | |||
| this.data.subscribeData.agentDetail = this.data.storeArr[this.data.storeValue].agent_detail; | |||
| this.data.subscribeData.agent_code = this.data.storeArr[this.data.storeValue].agent_code; | |||
| app.globalData.indexData.provinceArr = res.data.list; | |||
| app.globalData.indexData.storeArr = res.data.list[res.data.nearData.provinceIndex].children; | |||
| app.globalData.indexData.provinceValue = res.data.nearData.provinceIndex; | |||
| app.globalData.indexData.storeValue = res.data.nearData.cityIndex; | |||
| } else { | |||
| wx.showToast({ | |||
| title: res.msg, | |||
| icon: "none" | |||
| }) | |||
| } | |||
| }, this); | |||
| }, | |||
| getCode: function (e) {//获取验证码 | |||
| if (!app.mobileVerify(this.data.subscribeData.mobile)) { | |||
| if (this.data.subscribeData.mobile) { | |||
| 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.subscribeData.mobile }, 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); | |||
| }, | |||
| getRealname: function (e) {//获取用户输入的姓名 | |||
| this.data.subscribeData.realname = e.detail.value; | |||
| }, | |||
| getMobile: function (e) {//获取用户输入的电话 | |||
| this.data.subscribeData.mobile = e.detail.value; | |||
| }, | |||
| getCaptcha: function (e) {//获取用户输入的验证码 | |||
| this.data.subscribeData.captcha = e.detail.value; | |||
| }, | |||
| subscribeFun: function (e) {//预约鉴赏 | |||
| if (!this.data.subscribeData.realname) { | |||
| wx.showToast({ | |||
| title: '请输入姓名', | |||
| icon: "none" | |||
| }) | |||
| return; | |||
| } | |||
| if (!this.data.subscribeData.mobile) { | |||
| wx.showToast({ | |||
| title: '请输入电话', | |||
| icon: "none" | |||
| }) | |||
| return; | |||
| } | |||
| if (!this.data.subscribeData.captcha) { | |||
| wx.showToast({ | |||
| title: '请输入验证码', | |||
| icon: "none" | |||
| }) | |||
| return; | |||
| } | |||
| if (!this.data.appointment) { | |||
| return; | |||
| } | |||
| this.data.appointment = false; | |||
| app.wxRequest(app.globalData.urlRoot + "userInfo/submitOrderInfo", this.data.subscribeData, res => { | |||
| this.data.appointment = true; | |||
| if (res.code == 200) { | |||
| app.globalData.userMobile = this.data.subscribeData.mobile; | |||
| wx.reLaunch({ | |||
| url: '/pages/index/index', | |||
| }) | |||
| } else { | |||
| wx.showToast({ | |||
| title: res.msg, | |||
| icon: "none" | |||
| }) | |||
| } | |||
| }, this, "POST") | |||
| }, | |||
| getUserWxMsg: function (e) { | |||
| if (e.detail.errMsg == "getUserInfo:ok") { | |||
| this.setData({ | |||
| userData: e.detail.userInfo | |||
| }) | |||
| app.submitUserMsg(e.detail.userInfo.avatarUrl, e.detail.userInfo.nickName); | |||
| } | |||
| }, | |||
| showSite: function () {//显示地址选择框 | |||
| if (!this.data.siteSelect) { | |||
| this.getUserLocation();//获取用户当前位置 | |||
| } | |||
| } | |||
| }) | |||
| @@ -1,13 +1,41 @@ | |||
| <!--pages/coupon/coupon.wxml--> | |||
| <view class="all" wx:if="{{pageShow}}"> | |||
| <view class="main"> | |||
| <image class="couponBg" src="{{imgUrl+'/images/couponBg.png'}}"></image> | |||
| <view class="prizeFrame"> | |||
| <image class="coupon" src="{{imgUrl+'/images/coupon.png'}}"></image> | |||
| <view class="getPrizeNumGroup"> | |||
| <view class="getPrizeNum">全国已有 {{countNum}}人获得了500元启辰星购车券</view> | |||
| <image class="couponBg" src="{{imgUrl+'/images/couponBg.png?v=002'}}"></image> | |||
| <view class="btnGroup"> | |||
| <image wx:if="{{!isAppointmentShow}}" class="couponBtn" bindtap="showAppointment" src="{{imgUrl+'/btns/couponBtn1.png'}}"></image> | |||
| <image wx:if="{{!isAppointmentShow}}" class="couponBtn" bindtap="cutPage" src="{{imgUrl+'/btns/couponBtn2.png'}}"></image> | |||
| </view> | |||
| <view class="msgFrame" wx:if="{{isAppointmentShow}}"> | |||
| <view class="inputGroup"> | |||
| <input class="inputSty" placeholder="姓名" value="{{subscribeData.realname}}" bindinput="getRealname"></input> | |||
| <input class="inputSty" bindinput="getMobile" type="number" value="{{subscribeData.mobile}}" maxlength='11' placeholder="电话"></input> | |||
| <view class="getPhoneFrame" wx:if="{{!phoneInputShow}}"> | |||
| <button class="getPhoneBtn" style="width:100%;height:100%;min-height:0;" open-type="getPhoneNumber" bindgetphonenumber="getUserPhone"></button> | |||
| </view> | |||
| </view> | |||
| <view class="codeGroup"> | |||
| <input class="inputCode" bindfocus="showSite" bindinput="getCaptcha" value="{{subscribeData.captcha}}" placeholder="验证码"></input> | |||
| <view class="codeTime" bindtap="getCode">{{verificationCode}}</view> | |||
| </view> | |||
| <view wx:if="{{siteSelect}}"> | |||
| <picker mode='selector' range="{{provinceArr}}" range-key="province" value="{{provinceValue}}" bindchange="provinceChane"> | |||
| <view class="selectGroup"> | |||
| <text class="selectName">{{provinceArr[provinceValue].province}}</text> | |||
| <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> | |||
| </view> | |||
| </picker> | |||
| <picker mode='selector' range="{{storeArr}}" range-key="agent_detail" value="{{storeValue}}" bindchange="storeChane"> | |||
| <view class="selectGroup"> | |||
| <text class="selectName">{{storeArr[storeValue].agent_detail}}</text> | |||
| <image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> | |||
| </view> | |||
| </picker> | |||
| </view> | |||
| <view class="subscribeBtn" bindtap="subscribeFun"> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/btns/indexMake.png'}}"></image> | |||
| <button wx:if="{{!userData}}" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="getUserWxMsg" style="width:100%;height:100%;min-height:0;"></button> | |||
| </view> | |||
| <view bindtap="receive" class="receiveBtn">立即领取</view> | |||
| </view> | |||
| </view> | |||
| <tabBar></tabBar> | |||
| @@ -13,7 +13,7 @@ view{ | |||
| .couponBg{ | |||
| width: 750rpx; | |||
| height: 734rpx; | |||
| height: 1172rpx; | |||
| } | |||
| .prizeFrame{ | |||
| position: absolute; | |||
| @@ -61,4 +61,115 @@ view{ | |||
| font-weight:bold; | |||
| color:rgba(248,197,109,1); | |||
| text-align: center; | |||
| } | |||
| .btnGroup{ | |||
| padding: 90rpx 20rpx 40rpx; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| height: 65rpx; | |||
| } | |||
| .couponBtn{ | |||
| width: 348rpx; | |||
| height: 65rpx; | |||
| } | |||
| .msgFrame{ | |||
| position: fixed; | |||
| bottom: 150rpx; | |||
| left: 0; | |||
| width:750rpx; | |||
| padding: 40rpx 20rpx; | |||
| background-color: rgba(000, 000, 000, 0.5); | |||
| box-sizing: border-box; | |||
| } | |||
| .inputGroup{ | |||
| position: relative; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| } | |||
| .inputSty{ | |||
| width:347rpx; | |||
| height:70rpx; | |||
| background-color: white; | |||
| border-radius: 20rpx; | |||
| box-sizing: border-box; | |||
| line-height: 55rpx; | |||
| padding: 0 25rpx; | |||
| font-size:24rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:300; | |||
| } | |||
| .getPhoneFrame{ | |||
| position: absolute; | |||
| top:0; | |||
| right:0; | |||
| width:347rpx; | |||
| height:70rpx; | |||
| border-radius: 10rpx; | |||
| overflow: hidden; | |||
| opacity: 0; | |||
| z-index: 2; | |||
| } | |||
| .getPhoneBtn{ | |||
| margin: 0; | |||
| padding: 0; | |||
| height: 100%; | |||
| width: 100%; | |||
| } | |||
| .selectGroup{ | |||
| width:710rpx; | |||
| height:70rpx; | |||
| background-color: white; | |||
| border-radius: 10rpx; | |||
| box-sizing: border-box; | |||
| line-height: 55rpx; | |||
| padding: 0 25rpx; | |||
| margin-top: 18rpx; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| font-size:24rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:300; | |||
| } | |||
| .selectIcon{ | |||
| width: 25rpx; | |||
| height: 15rpx; | |||
| } | |||
| .codeGroup{ | |||
| width:710rpx; | |||
| height:70rpx; | |||
| background-color: white; | |||
| border-radius: 20rpx; | |||
| box-sizing: border-box; | |||
| line-height: 55rpx; | |||
| padding: 0 25rpx; | |||
| margin-top: 18rpx; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| font-size:24rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:300; | |||
| } | |||
| .inputCode{ | |||
| height: 100%; | |||
| width: 500rpx; | |||
| } | |||
| .subscribeBtn{ | |||
| position: relative; | |||
| width:710rpx; | |||
| height:70rpx; | |||
| margin-top: 18rpx; | |||
| } | |||
| .getUserMsgBtn{ | |||
| position: absolute; | |||
| top: 0; | |||
| left: 0; | |||
| padding: 0; | |||
| margin: 0; | |||
| opacity: 0; | |||
| } | |||
| @@ -1,7 +1,7 @@ | |||
| <!--pages/everyday/everyday.wxml--> | |||
| <view id="everyday" class="showView"> | |||
| <image class="showImg" src="{{imgUrl+'/star/everyday/show.jpg'}}"></image> | |||
| <view class="ruleBtn" bindtap="ruleControl" data-state="{{true}}">游戏规则</view> | |||
| <image class="ruleBtn" bindtap="ruleControl" data-state="{{true}}" src="{{imgUrl+'/images/everyDayRuleIcon.png'}}"></image> | |||
| <view class="title">集碎片,攒红包</view> | |||
| <view class="menuBox"> | |||
| <image class="menu" src="{{imgUrl+'/star/everyday/menu.png'}}"></image> | |||
| @@ -48,9 +48,12 @@ | |||
| <image class="arrowBtn" wx:if="{{picturlCurrent!=0}}" style="left:-30rpx;" src="{{imgUrl+'/star/everyday/arrowLeftBtn.png'}}" bindtap="prevPicturl"></image> | |||
| <image class="arrowBtn" wx:if="{{picturlCurrent!=picturlList.length-1}}" style="right:-30rpx;" src="{{imgUrl+'/star/everyday/arrowRightBtn.png'}}" bindtap="nextPicturl"></image> | |||
| </view> | |||
| <view class="btnBox" wx:if="{{picturlList[picturlCurrent]['awardState']==0}}"> | |||
| <view class="btn" style="margin-right:20rpx;" bindtap="goScout">星探任务</view> | |||
| <view class="btn select" style="margin-left:20rpx;">每日任务</view> | |||
| <!-- <view class="btnBox" wx:if="{{picturlList[picturlCurrent]['awardState']==0}}"> --> | |||
| <view class="btnBox"> | |||
| <image class="starBtn" bindtap="goScout" src="{{imgUrl+'/btns/starBtn1_2.png'}}"></image> | |||
| <image class="starBtn" src="{{imgUrl+'/btns/starBtn2.png'}}"></image> | |||
| <!-- <view class="btn" style="margin-right:20rpx;" bindtap="goScout">星探任务</view> | |||
| <view class="btn select" style="margin-left:20rpx;">每日任务</view> --> | |||
| </view> | |||
| <view class="btnBox" style="width:677rpx;" wx:if="{{picturlList[picturlCurrent]['awardState']==1}}"> | |||
| <view class="receive" bindtap="receive">领取购车红包</view> | |||
| @@ -61,16 +64,19 @@ | |||
| <view class="mask" wx:if="{{maskShow}}"> | |||
| <view class="taskBox" wx:if="{{taskShow}}"> | |||
| <image wx:if="{{!isSign}}" class="gameRuleClose" bindtap="hiddenTask" style="top:-40rpx;right:-40rpx;" src="{{imgUrl+'/star/closebtn.png'}}"></image> | |||
| <view class="title">今日任务</view> | |||
| <!-- <view class="title">今日任务</view> --> | |||
| <image class="everyDayTitle" src="{{imgUrl+'/images/everyDayTitle.png'}}"></image> | |||
| <view class="contentBox"> | |||
| <view class="name" wx:if="{{!isSign}}">{{taskName}}</view> | |||
| <image class="taskImg" src="{{taskImgUrl}}" wx:if="{{!isSign}}"></image> | |||
| <view class="signBtnGroup"> | |||
| <view class="btn" wx:if="{{isSign}}" bindtap="signIn">签到解锁 | |||
| <view wx:if="{{isSign}}" bindtap="signIn"> | |||
| <image class="everyDaySign" src="{{imgUrl+'/images/everyDaySign.png'}}"></image> | |||
| <button wx:if="{{!userData}}" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="getUserWxMsg" style="width:100%;height:100%;min-height:0;"></button> | |||
| </view> | |||
| </view> | |||
| <view class="btn" wx:if="{{!isSign}}">分享再获取一张碎片 | |||
| <view class="btn" wx:if="{{!isSign}}"> | |||
| <image class="everyDaySign" src="{{imgUrl+'/images/everyDayShare.png'}}"></image> | |||
| <button open-type="share" class="shareBtn" style="width:100%;height:100%;margin:0;padding:0;min-height:0;"></button> | |||
| </view> | |||
| </view> | |||
| @@ -81,7 +87,9 @@ | |||
| <view class="gameRuleGroup"> | |||
| <image class="gameRuleIcon" src="{{imgUrl+'/images/gameRuleIcon.png'}}"></image> | |||
| <image class="gameRuleClose" src="{{imgUrl+'/star/closebtn.png'}}" bindtap="ruleControl" data-state="{{false}}"></image> | |||
| <view class="openTask" bindtap="ruleControl" data-state="{{false}}">开启任务</view> | |||
| <view class="openTask" bindtap="ruleControl" data-state="{{false}}"> | |||
| <image style="width:100%;height:100%;" class="everyDayOpen" src="{{imgUrl+'/images/everyDayOpen.png'}}"></image> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="successPop" wx:if="{{tipWindow}}"> | |||
| @@ -7,19 +7,11 @@ | |||
| } | |||
| .ruleBtn { | |||
| right: 0; | |||
| top: 180rpx; | |||
| right: 42rpx; | |||
| top: 219rpx; | |||
| position: fixed; | |||
| width: 153rpx; | |||
| height: 46rpx; | |||
| line-height: 46rpx; | |||
| font-size: 24rpx; | |||
| color: #fff; | |||
| background-color: rgba(35, 24, 21, 0.63); | |||
| border-top-left-radius: 20rpx; | |||
| border-bottom-left-radius: 20rpx; | |||
| padding-left: 20rpx; | |||
| box-sizing: border-box; | |||
| width: 81rpx; | |||
| height: 81rpx; | |||
| } | |||
| .title { | |||
| @@ -129,12 +121,14 @@ | |||
| } | |||
| .btnBox{ | |||
| position: relative; | |||
| width: 615rpx; | |||
| height: 49rpx; | |||
| text-align: center; | |||
| width: 710rpx; | |||
| height: 65rpx; | |||
| padding: 0 20rpx; | |||
| padding-top: 22rpx; | |||
| padding-bottom: 38rpx; | |||
| margin:0 auto; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| } | |||
| .btnBox>.btn{ | |||
| display: inline-block; | |||
| @@ -339,16 +333,8 @@ | |||
| left: 50%; | |||
| bottom: 100rpx; | |||
| transform: translateX(-50%); | |||
| width: 348rpx; | |||
| height: 64rpx; | |||
| background-color: #16538A; | |||
| border-radius: 20rpx; | |||
| text-align: center; | |||
| line-height:64rpx; | |||
| font-size:30rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:400; | |||
| color:rgba(255,255,255,1); | |||
| width: 347rpx; | |||
| height: 62rpx; | |||
| } | |||
| .gameRuleGroup{ | |||
| width: 609rpx; | |||
| @@ -490,4 +476,16 @@ | |||
| padding: 0; | |||
| margin: 0; | |||
| opacity: 0; | |||
| } | |||
| .starBtn{ | |||
| width: 347rpx; | |||
| height: 65rpx; | |||
| } | |||
| .everyDaySign{ | |||
| width: 347rpx; | |||
| height: 62rpx; | |||
| } | |||
| .everyDayTitle{ | |||
| width: 567rpx; | |||
| height: 79rpx; | |||
| } | |||
| @@ -58,7 +58,6 @@ Page({ | |||
| phoneInputShow: true, | |||
| subscribeData: this.data.subscribeData | |||
| }) | |||
| this.getUserLocation(); | |||
| } | |||
| if (app.globalData.isFirstLogin) { | |||
| this.getHomeBanner();//获取banner | |||
| @@ -100,6 +99,9 @@ Page({ | |||
| }) | |||
| }, | |||
| onShow:function(){ | |||
| this.setData({ | |||
| siteSelect: false | |||
| }) | |||
| this.data.subscribeData.parentOpenid = app.globalData.friendOpenid; | |||
| }, | |||
| provinceChane: function (e) {//选中省 | |||
| @@ -123,9 +125,9 @@ Page({ | |||
| this.setData({ | |||
| phoneInputShow: true | |||
| }) | |||
| if (!app.globalData.indexData.provinceArr) { | |||
| this.getUserLocation();//获取用户当前位置 | |||
| } | |||
| // if (!app.globalData.indexData.provinceArr) { | |||
| // this.getUserLocation();//获取用户当前位置 | |||
| // } | |||
| if (e.detail.errMsg=='getPhoneNumber:ok'){ | |||
| app.getMobile(e.detail.encryptedData, e.detail.iv,res=>{ | |||
| if (res.code == 200) { | |||
| @@ -176,11 +178,9 @@ Page({ | |||
| } | |||
| }, | |||
| swiperChange(e){//通过鼠标滑动改变swiper时 | |||
| if (e.detail.source == "touch"){ | |||
| this.setData({ | |||
| swiperCurrent: e.detail.current, | |||
| }) | |||
| } | |||
| this.setData({ | |||
| swiperCurrent: e.detail.current, | |||
| }) | |||
| }, | |||
| getDistributorList: function (longitude, latitude){//获取经销商列表 | |||
| app.wxRequest(app.globalData.urlRoot + "agent/getAgentList", { longitude: longitude, latitude: latitude}, res => { | |||
| @@ -306,6 +306,9 @@ Page({ | |||
| subscribeData: this.data.subscribeData, | |||
| verificationCode: '获取验证码', | |||
| }) | |||
| this.setData({ | |||
| siteSelect: false | |||
| }) | |||
| // this.setData({ | |||
| // isRegister:true | |||
| // }) | |||
| @@ -391,7 +394,6 @@ Page({ | |||
| phoneInputShow:true, | |||
| subscribeData: this.data.subscribeData | |||
| }) | |||
| this.getUserLocation(); | |||
| } | |||
| } | |||
| } else { | |||
| @@ -413,5 +415,21 @@ Page({ | |||
| }) | |||
| app.submitUserMsg(e.detail.userInfo.avatarUrl, e.detail.userInfo.nickName); | |||
| } | |||
| }, | |||
| showSite: function () {//显示地址选择框 | |||
| if (!this.data.siteSelect) { | |||
| if (!app.globalData.indexData.provinceArr) { | |||
| this.getUserLocation();//获取用户当前位置 | |||
| }else{ | |||
| this.setData({ | |||
| siteSelect:true | |||
| }) | |||
| } | |||
| } | |||
| }, | |||
| lookMore: function () { | |||
| wx.navigateTo({ | |||
| url: '/pages/moreType/moreType', | |||
| }) | |||
| } | |||
| }) | |||
| @@ -2,6 +2,8 @@ | |||
| <view class="all" wx:if="{{mainShow}}"> | |||
| <view class="main" wx:if="{{isStartAdvertising==0 || !isStartAdvertisingShow}}"> | |||
| <view class="contentFrame"> | |||
| <image style="width:750rpx;height:1506rpx;" src="{{imgUrl+'/images/indexBg.jpg'}}"></image> | |||
| <image style="width:750rpx;height:331rpx;" src="{{imgUrl+'/images/indexText.png'}}"></image> | |||
| <view class="swiperFrame"> | |||
| <swiper class="swiperSty" autoplay current="{{swiperCurrent}}" bindchange="swiperChange"> | |||
| <swiper-item wx:for="{{bannerList}}" wx:key="index"><image src="{{item.bannerUrl}}" style="width:100%;" mode="aspectFill"></image></swiper-item> | |||
| @@ -10,21 +12,22 @@ | |||
| <image class="rightArrow" bindtap="nextImg" src="{{imgUrl+'/images/rightArrow.png'}}"></image> | |||
| </view> | |||
| <view class="bannerBarFrame"> | |||
| <view class="bannerBarGroup"> | |||
| <!-- <view class="bannerBarGroup"> | |||
| <view class="bannerBar1 {{index==swiperCurrent?'bannerBar2':''}}" wx:for="{{bannerList}}" wx:key="index"></view> | |||
| </view> | |||
| </view> --> | |||
| <view class="bannerName">{{bannerList[swiperCurrent].bannerName}}</view> | |||
| </view> | |||
| <image class="indexBottom" src="{{imgUrl+'/images/indexBottom.png'}}"></image> | |||
| <view class="videoSty"> | |||
| <video id="video" poster="{{videoList.posterUrl}}" src="{{videoList.videoUrl}}"></video> | |||
| <image wx:if="{{!videoVideoControls}}" class="videoPoster" src="{{videoList.posterUrl}}"></image> | |||
| <image wx:if="{{!videoVideoControls}}" bindtap="hideVideoControls" class="videoPlay" src="{{imgUrl+'/images/videoPlay.png'}}"></image> | |||
| </view> | |||
| <view class="interval1"></view> | |||
| <view class="indexBottom2Group"> | |||
| <image class="indexBottom" style="height:204rpx;" src="{{imgUrl+'/images/indexBottom2.png?v=002'}}"></image> | |||
| <view class="lookMore"></view> | |||
| <image class="indexBottom" src="{{imgUrl+'/images/indexBottom2.png?v=002'}}"></image> | |||
| <view class="lookMore" bindtap="lookMore"></view> | |||
| </view> | |||
| <view class="indexBottom2"></view> | |||
| </view> | |||
| <!-- <view class="msgFrame" wx:if="{{!isRegister}}"> --> | |||
| <view class="msgFrame"> | |||
| @@ -32,11 +35,11 @@ | |||
| <input class="inputSty" placeholder="姓名" value="{{subscribeData.realname}}" bindinput="getRealname"></input> | |||
| <input class="inputSty" bindinput="getMobile" type="number" value="{{subscribeData.mobile}}" maxlength='11' placeholder="电话"></input> | |||
| <view class="getPhoneFrame" wx:if="{{!phoneInputShow}}"> | |||
| <button class="getPhoneBtn" open-type="getPhoneNumber" bindgetphonenumber="getUserPhone"></button> | |||
| <button class="getPhoneBtn" style="width:100%;height:100%;min-height:0;" open-type="getPhoneNumber" bindgetphonenumber="getUserPhone"></button> | |||
| </view> | |||
| </view> | |||
| <view class="codeGroup"> | |||
| <input class="inputCode" bindinput="getCaptcha" value="{{subscribeData.captcha}}" placeholder="验证码"></input> | |||
| <input class="inputCode" bindfocus="showSite" bindinput="getCaptcha" value="{{subscribeData.captcha}}" placeholder="验证码"></input> | |||
| <view class="codeTime" bindtap="getCode">{{verificationCode}}</view> | |||
| </view> | |||
| <view wx:if="{{siteSelect}}"> | |||
| @@ -53,7 +56,8 @@ | |||
| </view> | |||
| </picker> | |||
| </view> | |||
| <view class="subscribeBtn" bindtap="subscribeFun">预约鉴赏 | |||
| <view class="subscribeBtn" bindtap="subscribeFun"> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/btns/indexMake.png'}}"></image> | |||
| <button wx:if="{{!userData}}" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="getUserWxMsg" style="width:100%;height:100%;min-height:0;"></button> | |||
| </view> | |||
| </view> | |||
| @@ -23,9 +23,7 @@ view{ | |||
| bottom: 150rpx; | |||
| left: 0; | |||
| width:750rpx; | |||
| padding: 0 39rpx; | |||
| padding-top:50rpx; | |||
| padding-bottom: 64rpx; | |||
| padding: 40rpx 20rpx; | |||
| background-color: rgba(000, 000, 000, 0.5); | |||
| box-sizing: border-box; | |||
| } | |||
| @@ -36,22 +34,23 @@ view{ | |||
| justify-content: space-between; | |||
| } | |||
| .inputSty{ | |||
| width:333rpx; | |||
| height:55rpx; | |||
| width:347rpx; | |||
| height:70rpx; | |||
| background-color: white; | |||
| border-radius: 10rpx; | |||
| border-radius: 20rpx; | |||
| box-sizing: border-box; | |||
| line-height: 55rpx; | |||
| padding: 0 25rpx; | |||
| font-size: 20rpx; | |||
| color: black; | |||
| font-size:24rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:300; | |||
| } | |||
| .getPhoneFrame{ | |||
| position: absolute; | |||
| top:0; | |||
| right:0; | |||
| width:333rpx; | |||
| height:55rpx; | |||
| width:347rpx; | |||
| height:70rpx; | |||
| border-radius: 10rpx; | |||
| overflow: hidden; | |||
| opacity: 0; | |||
| @@ -64,18 +63,20 @@ view{ | |||
| width: 100%; | |||
| } | |||
| .selectGroup{ | |||
| width:672rpx; | |||
| height:55rpx; | |||
| width:710rpx; | |||
| height:70rpx; | |||
| background-color: white; | |||
| border-radius: 10rpx; | |||
| box-sizing: border-box; | |||
| line-height: 55rpx; | |||
| padding: 0 25rpx; | |||
| font-size: 20rpx; | |||
| margin-top: 18rpx; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| font-size:24rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:300; | |||
| } | |||
| .selectIcon{ | |||
| width: 25rpx; | |||
| @@ -83,25 +84,18 @@ view{ | |||
| } | |||
| .subscribeBtn{ | |||
| position: relative; | |||
| width:672rpx; | |||
| height:54rpx; | |||
| line-height: 54rpx; | |||
| text-align: center; | |||
| background-color: #345489; | |||
| color: white; | |||
| font-size: 29rpx; | |||
| width:710rpx; | |||
| height:70rpx; | |||
| margin-top: 18rpx; | |||
| border-radius: 10rpx; | |||
| } | |||
| .indexBottom{ | |||
| width: 750rpx; | |||
| height: 353rpx; | |||
| height: 205rpx; | |||
| } | |||
| .videoSty{ | |||
| position: relative; | |||
| width:750rpx; | |||
| height:530rpx; | |||
| margin: 35rpx 0; | |||
| } | |||
| #video{ | |||
| width: 100%; | |||
| @@ -118,7 +112,7 @@ view{ | |||
| .swiperFrame{ | |||
| position: relative; | |||
| width: 750rpx; | |||
| height: 340rpx; | |||
| height: 530rpx; | |||
| } | |||
| .swiperSty{ | |||
| width: 100%; | |||
| @@ -141,18 +135,20 @@ view{ | |||
| transform: translateY(-50%); | |||
| } | |||
| .codeGroup{ | |||
| width:672rpx; | |||
| height:55rpx; | |||
| width:710rpx; | |||
| height:70rpx; | |||
| background-color: white; | |||
| border-radius: 10rpx; | |||
| border-radius: 20rpx; | |||
| box-sizing: border-box; | |||
| line-height: 55rpx; | |||
| padding: 0 25rpx; | |||
| font-size: 20rpx; | |||
| margin-top: 18rpx; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| font-size:24rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:300; | |||
| } | |||
| .inputCode{ | |||
| height: 100%; | |||
| @@ -178,15 +174,20 @@ view{ | |||
| width: 80rpx; | |||
| background-color: #212B53; | |||
| } | |||
| .bannerBarFrame{ | |||
| width: 750rpx; | |||
| height: 192rpx; | |||
| background-color: #ececec; | |||
| padding-top: 41rpx; | |||
| box-sizing: border-box; | |||
| } | |||
| .bannerName{ | |||
| font-size:28rpx; | |||
| font-family:PingFang; | |||
| font-weight:bold; | |||
| color:rgba(25,47,91,1); | |||
| line-height: 30rpx; | |||
| font-size:30rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:300; | |||
| color:rgba(0,0,0,1); | |||
| text-align: center; | |||
| line-height: 28rpx; | |||
| margin-top: 21rpx; | |||
| margin-bottom: 40rpx; | |||
| } | |||
| .videoPoster{ | |||
| position: absolute; | |||
| @@ -212,4 +213,14 @@ view{ | |||
| padding: 0; | |||
| margin: 0; | |||
| opacity: 0; | |||
| } | |||
| .interval1{ | |||
| width: 750rpx; | |||
| height: 58rpx; | |||
| background-color: #ececec; | |||
| } | |||
| .indexBottom2{ | |||
| width:750rpx; | |||
| height:502rpx; | |||
| background-color: #ececec; | |||
| } | |||
| @@ -9,8 +9,8 @@ Page({ | |||
| imgUrl: app.globalData.urlStatic,//图片路径 | |||
| ruleShow: true,//是否显示游戏玩法 | |||
| ruleCloseShow: true,//是否显示游戏玩法关闭按钮 | |||
| clawTop:95,//爪子的top值 | |||
| clawLeft: 293,//爪子的left值 | |||
| clawTop:-440,//爪子的top值 | |||
| clawLeft: 268,//爪子的left值 | |||
| clawScale: 1,//爪子的scale值 | |||
| downNum:30,//倒计时时间 | |||
| setInt:null,//倒计时元素 | |||
| @@ -21,6 +21,13 @@ Page({ | |||
| top: null, | |||
| bottom: null, | |||
| }, | |||
| btnGroup:{ | |||
| left: false, | |||
| right: false, | |||
| top: false, | |||
| bottom: false, | |||
| claw:false | |||
| }, | |||
| gameSign: null, //游戏结束时需要 | |||
| gameState:false,//游戏状态 | |||
| endGameData:null,//中奖数据 | |||
| @@ -33,7 +40,9 @@ Page({ | |||
| userData:null, | |||
| scrollNum:0, | |||
| setInt:null, | |||
| isMore:true | |||
| isMore:true, | |||
| startDown:-1,//游戏开始倒计时 | |||
| clawType:false,//是否正在抓取 | |||
| }, | |||
| /** | |||
| @@ -126,11 +135,26 @@ Page({ | |||
| beginGame: function () {//开始游戏 | |||
| app.wxRequest(app.globalData.urlRoot + "dollGame/beginGame", {}, res => { | |||
| if(res.code==200){ | |||
| this.data.gameSign = res.data.sign; | |||
| this.endGame(); | |||
| if (this.data.gameSign) { | |||
| this.downTimeFun(); | |||
| } | |||
| this.setData({ | |||
| startDown: 3 | |||
| }) | |||
| var setInt2 = setInterval(() => { | |||
| if (this.data.startDown > -1) { | |||
| this.setData({ | |||
| startDown: this.data.startDown -= 1 | |||
| }) | |||
| } else { | |||
| this.setData({ | |||
| startDown: -1 | |||
| }) | |||
| clearInterval(setInt2); | |||
| this.data.gameSign = res.data.sign; | |||
| this.endGame(); | |||
| if (this.data.gameSign) { | |||
| this.downTimeFun(); | |||
| } | |||
| } | |||
| }, 1000); | |||
| }else{ | |||
| wx.showToast({ | |||
| title: res.msg, | |||
| @@ -156,6 +180,10 @@ Page({ | |||
| } | |||
| let direction = e.currentTarget.dataset.direction; | |||
| if (direction == "L") {//向左 | |||
| this.data.btnGroup.left = true; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| if (this.data.clawLeft <= 130) { | |||
| return; | |||
| } | |||
| @@ -168,6 +196,10 @@ Page({ | |||
| } | |||
| },20); | |||
| } else if (direction == "R") {//向右 | |||
| this.data.btnGroup.right = true; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| if (this.data.clawLeft >= 445) { | |||
| return; | |||
| } | |||
| @@ -180,26 +212,34 @@ Page({ | |||
| } | |||
| }, 20); | |||
| } else if (direction == "T") {//向后 | |||
| if (this.data.clawScale <= 0.5) { | |||
| this.data.btnGroup.top = true; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| if (this.data.clawScale <= 0.8) { | |||
| return; | |||
| } | |||
| this.data.setGroup.top = setInterval(() => { | |||
| this.setData({ | |||
| clawScale: this.data.clawScale -= 0.01 | |||
| }) | |||
| if (this.data.clawScale <= 0.5) { | |||
| if (this.data.clawScale <= 0.8) { | |||
| clearInterval(this.data.setGroup.top); | |||
| } | |||
| }, 20); | |||
| } else if (direction == "B") {//向前 | |||
| if (this.data.clawScale >= 1.5) { | |||
| this.data.btnGroup.bottom = true; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| if (this.data.clawScale >= 1.2) { | |||
| return; | |||
| } | |||
| this.data.setGroup.bottom = setInterval(() => { | |||
| this.setData({ | |||
| clawScale: this.data.clawScale += 0.01 | |||
| }) | |||
| if (this.data.clawScale >= 1.5) { | |||
| if (this.data.clawScale >= 1.2) { | |||
| clearInterval(this.data.setGroup.bottom); | |||
| } | |||
| }, 20); | |||
| @@ -211,24 +251,43 @@ Page({ | |||
| } | |||
| let direction = e.currentTarget.dataset.direction; | |||
| if (direction == "L") {//向左 | |||
| this.data.btnGroup.left = false; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| clearInterval(this.data.setGroup.left); | |||
| } else if (direction == "R") {//向右 | |||
| this.data.btnGroup.right = false; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| clearInterval(this.data.setGroup.right); | |||
| } else if (direction == "T") {//向后 | |||
| this.data.btnGroup.top = false; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| clearInterval(this.data.setGroup.top); | |||
| } else if (direction == "B") {//向前 | |||
| this.data.btnGroup.bottom = false; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| clearInterval(this.data.setGroup.bottom); | |||
| } | |||
| }, | |||
| getClaw:function(){//抓取 | |||
| if (!this.data.gameState){ | |||
| return; | |||
| } | |||
| this.setData({ | |||
| clawTop: this.data.clawScale > 1 ? 490 - (2 * (this.data.clawScale-1) * 90) : 490 + (2 * (1 - this.data.clawScale) * 90 ) | |||
| clawType:true | |||
| }) | |||
| this.setData({ | |||
| clawTop: this.data.clawScale > 1 ? -100 - (2 * (this.data.clawScale - 1) * 440) : -100 + (2 * (1 - this.data.clawScale) * 440 ) | |||
| }) | |||
| this.closeSetInt(); | |||
| setTimeout(() => { | |||
| this.setData({ | |||
| clawType: false | |||
| }) | |||
| this.data.gameState = false; | |||
| if (this.data.endGameData) { | |||
| this.setData({ | |||
| @@ -266,13 +325,13 @@ Page({ | |||
| clearInterval(this.data.setInt); | |||
| this.setData({ | |||
| downNum: 30, | |||
| clawTop: this.data.clawScale > 1 ? 455 - (2 * (this.data.clawScale - 1) * 90) : 455 + (2 * (1 - this.data.clawScale) * 90) | |||
| clawTop: this.data.clawScale > 1 ? -100 - (2 * (this.data.clawScale - 1) * 440) : -100 + (2 * (1 - this.data.clawScale) * 440) | |||
| }) | |||
| setTimeout(()=>{ | |||
| this.setData({ | |||
| downNum: 30, | |||
| clawTop: 95, | |||
| clawLeft: 293, | |||
| clawTop: -440, | |||
| clawLeft: 268, | |||
| clawScale:1 | |||
| }) | |||
| }, 1200); | |||
| @@ -345,11 +404,11 @@ Page({ | |||
| } | |||
| }, | |||
| changeScroll:function(){ | |||
| this.data.setInt = setInterval(()=>{ | |||
| this.setData({ | |||
| scrollNum: this.data.scrollNum+=1 | |||
| }) | |||
| },30); | |||
| // this.data.setInt = setInterval(()=>{ | |||
| // this.setData({ | |||
| // scrollNum: this.data.scrollNum+=1 | |||
| // }) | |||
| // },30); | |||
| }, | |||
| getMore:function(){ | |||
| if (!this.data.isMore){ | |||
| @@ -360,5 +419,26 @@ Page({ | |||
| } | |||
| this.data.configure.page+=1; | |||
| this.getGameAwardList(); | |||
| }, | |||
| cutPage:function(){//500元待领取 | |||
| wx.redirectTo({ | |||
| url: '/pages/star/star', | |||
| }) | |||
| }, | |||
| openClaw:function(){ | |||
| if (!this.data.gameState) { | |||
| return; | |||
| } | |||
| this.data.btnGroup.claw = true; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| setTimeout(()=>{ | |||
| this.data.btnGroup.claw = false; | |||
| this.setData({ | |||
| btnGroup: this.data.btnGroup | |||
| }) | |||
| this.getClaw(); | |||
| },200); | |||
| } | |||
| }) | |||
| @@ -2,12 +2,13 @@ | |||
| <view class="all"> | |||
| <view class="main"> | |||
| <view class="gameMain"> | |||
| <image class="gameStarBg" src="{{imgUrl+'/images/gameStarBg.png?v=002'}}"></image> | |||
| <view class="gameTitle">幸运星抓手</view> | |||
| <image class="gameStarBg" src="{{imgUrl+'/images/gameStarBg.png?v=004'}}"></image> | |||
| <!-- <view class="gameTitle">幸运星抓手</view> --> | |||
| <image class="gameTitle" src="{{imgUrl+'/images/luckyTitle.png'}}"></image> | |||
| <view class="downTime">{{'00:'+downNum}}</view> | |||
| <image class="prizeIcon2" src="{{imgUrl+'/images/prizeIcon2.png?v=002'}}"></image> | |||
| <image class="gameClaw" style="top:{{clawTop}}rpx;left:{{clawLeft}}rpx;transform: scale({{clawScale}});" src="{{imgUrl+'/images/gameClaw.png'}}"></image> | |||
| <image class="prizeIcon1" src="{{imgUrl+'/images/prizeIcon1.png?v=002'}}"></image> | |||
| <image class="prizeIcon2" src="{{imgUrl+'/images/prizeIcon2.png?v=003'}}"></image> | |||
| <image class="gameClaw" style="top:{{clawTop}}rpx;left:{{clawLeft}}rpx;transform: scale({{clawScale}});" src="{{imgUrl+'/images/gameClaw'+(clawType?2:1)+'.png'}}"></image> | |||
| <image class="prizeIcon1" src="{{imgUrl+'/images/prizeIcon1.png?v=003'}}"></image> | |||
| <view class="getPrizeTip"> | |||
| <view class="prizeTipLine"></view> | |||
| <view class="prizeTipText">他们都中奖了</view> | |||
| @@ -18,25 +19,36 @@ | |||
| <view class="scrollMask"></view> | |||
| </view> | |||
| <view class="prizeLookGroup"> | |||
| <view class="prizeLook" bindtap="prizeLook">活动奖品</view> | |||
| <image class="prizeLook" bindtap="prizeLook" src="{{imgUrl+'/btns/luckyPrize.png'}}"></image> | |||
| </view> | |||
| <view class="gameControlFrame"> | |||
| <view class="gameControlGroup"> | |||
| <view class="btnControlL" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="L"></view> | |||
| <view class="btnControlR" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="R"></view> | |||
| <view class="btnControlT" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="T"></view> | |||
| <view class="btnControlB" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="B"></view> | |||
| <view class="btnControlL" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="L"> | |||
| <image wx:if="{{btnGroup.left}}" class="luckyLeft" src="{{imgUrl+'/btns/luckyLeft.png'}}"></image> | |||
| </view> | |||
| <view class="btnControlR" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="R"> | |||
| <image wx:if="{{btnGroup.right}}" class="luckyRight" src="{{imgUrl+'/btns/luckyRight.png'}}"></image> | |||
| </view> | |||
| <view class="btnControlT" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="T"> | |||
| <image wx:if="{{btnGroup.top}}" class="luckyTop" src="{{imgUrl+'/btns/luckyTop.png'}}"></image> | |||
| </view> | |||
| <view class="btnControlB" bindtouchstart="startClaw" bindtouchend="endClaw" data-direction="B"> | |||
| <image wx:if="{{btnGroup.bottom}}" class="luckyBottom" src="{{imgUrl+'/btns/luckyBottom.png'}}"></image> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="gameGetBtn" bindtap="getClaw"></view> | |||
| <view class="gameGetBtn" bindtouchstart="openClaw"> | |||
| <image class="luckyClaw" wx:if="{{btnGroup.claw}}" src="{{imgUrl+'/btns/luckyClaw.png'}}"></image> | |||
| </view> | |||
| </view> | |||
| <view bindtap="openGameRule" class="gameRuleBtn {{ruleShow?'gameRuleBtn2':''}}">游戏玩法</view> | |||
| <view class="gameTip">500元待领取</view> | |||
| <image bindtap="openGameRule" wx:if="{{!ruleShow}}" class="gameRuleBtn" src="{{imgUrl+'/images/luckyGameRule.png'}}"></image> | |||
| <image bindtap="openGameRule" wx:if="{{ruleShow}}" class="gameRuleBtn" src="{{imgUrl+'/images/luckyGameRule2.png'}}"></image> | |||
| <image bindtap="cutPage" class="gameTip" src="{{imgUrl+'/images/luckyGetMoney.png'}}"></image> | |||
| <view class="gameRuleDesc" wx:if="{{ruleShow}}"> | |||
| <view class="ruleGroup"> | |||
| <image class="gameRuleIcon" src="{{imgUrl+'/images/gameRuleDesc.png'}}"></image> | |||
| <image class="gameRuleClose" wx:if="{{ruleCloseShow}}" bindtap="closeRule" src="{{imgUrl+'/star/closebtn.png'}}"></image> | |||
| <view class="gameStrat" bindtap="gameStart">开始游戏<button wx:if="{{!userData}}" style="min-height:0;width: 277rpx;height: 50rpx;" bindgetuserinfo="getUserWxMsg" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN"></button></view> | |||
| <view class="gameStrat" bindtap="gameStart"><image style="width:100%;height:100%;" src="{{imgUrl+'/btns/gameStart.png'}}"></image><button wx:if="{{!userData}}" style="min-height:0;width: 277rpx;height: 50rpx;" bindgetuserinfo="getUserWxMsg" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN"></button></view> | |||
| </view> | |||
| </view> | |||
| <view class="gameRuleDesc" style="background-color:rgba(000,000,000,0)" wx:if="{{false}}"> | |||
| @@ -64,6 +76,9 @@ | |||
| <view class="startRegister" bindtap="userRegister" wx:if="{{pizeTip==3}}">立即注册,探索更多星探好礼</view> | |||
| </view> | |||
| </view> | |||
| <view class="downTimeGroup" wx:if="{{startDown!=-1}}"> | |||
| <image class="luckyNum" src="{{imgUrl+'/images/luckyNum'+startDown+'.png'}}"></image> | |||
| </view> | |||
| </view> | |||
| <tabBar></tabBar> | |||
| </view> | |||
| @@ -10,39 +10,21 @@ view{ | |||
| overflow: auto; | |||
| } | |||
| .gameRuleBtn{ | |||
| width:200rpx; | |||
| height:50rpx; | |||
| background-color:rgba(000,000,000,0.63); | |||
| width:81rpx; | |||
| height:81rpx; | |||
| position: fixed; | |||
| right: 0; | |||
| top: 164rpx; | |||
| border-top-left-radius: 30rpx; | |||
| border-bottom-left-radius: 30rpx; | |||
| font-size:26rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:400; | |||
| color:rgba(255,255,255,1); | |||
| text-align: center; | |||
| line-height: 50rpx; | |||
| right: 17rpx; | |||
| top: 216rpx; | |||
| } | |||
| .gameRuleBtn2{ | |||
| background-color: #28568B; | |||
| } | |||
| .gameTip{ | |||
| width:200rpx; | |||
| height:50rpx; | |||
| background-color:rgba(000,000,000,0.63); | |||
| width:81rpx; | |||
| height:81rpx; | |||
| position: fixed; | |||
| right: 0; | |||
| top: 240rpx; | |||
| border-top-left-radius: 30rpx; | |||
| border-bottom-left-radius: 30rpx; | |||
| font-size:26rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:400; | |||
| color:rgba(255,255,255,1); | |||
| text-align: center; | |||
| line-height: 50rpx; | |||
| right: 17rpx; | |||
| top: 331rpx; | |||
| } | |||
| .gameRuleDesc{ | |||
| position: fixed; | |||
| @@ -54,6 +36,7 @@ view{ | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| z-index: 99; | |||
| } | |||
| .ruleGroup{ | |||
| position: relative; | |||
| @@ -74,14 +57,6 @@ view{ | |||
| .gameStrat{ | |||
| width:277rpx; | |||
| height:50rpx; | |||
| background-color: #355483; | |||
| font-size:21rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:400; | |||
| color:rgba(255,255,255,1); | |||
| line-height:50rpx; | |||
| text-align: center; | |||
| border-radius: 10rpx; | |||
| position: absolute; | |||
| bottom: 50rpx; | |||
| left: 50%; | |||
| @@ -97,17 +72,12 @@ view{ | |||
| } | |||
| .gameTitle{ | |||
| position: absolute; | |||
| left: 50%; | |||
| left: 49%; | |||
| top: 0; | |||
| transform: translateX(-50%); | |||
| width: 342rpx; | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| font-size:40rpx; | |||
| font-family:PingFangSC; | |||
| color:rgba(35,33,34,1); | |||
| text-align: center; | |||
| font-weight: bold; | |||
| width: 343rpx; | |||
| height: 97rpx; | |||
| z-index: 10; | |||
| } | |||
| .downTime{ | |||
| position: absolute; | |||
| @@ -121,27 +91,27 @@ view{ | |||
| } | |||
| .gameClaw{ | |||
| position: absolute; | |||
| left: 293rpx; | |||
| top: 95rpx; | |||
| width: 164rpx; | |||
| height: 259rpx; | |||
| left: 268rpx; | |||
| top: -440rpx; | |||
| width: 224rpx; | |||
| height: 800rpx; | |||
| transition: top 0.8s linear; | |||
| transform: scale(2); | |||
| transform-origin:50% 0 0; | |||
| } | |||
| .prizeIcon2{ | |||
| position: absolute; | |||
| left: 115rpx; | |||
| top: 562rpx; | |||
| width: 527rpx; | |||
| height: 169rpx; | |||
| left: 74rpx; | |||
| top: 558rpx; | |||
| width: 561rpx; | |||
| height: 187rpx; | |||
| } | |||
| .prizeIcon1{ | |||
| position: absolute; | |||
| left: 64rpx; | |||
| top: 592rpx; | |||
| width: 624rpx; | |||
| height: 265rpx; | |||
| left: 77rpx; | |||
| top: 571rpx; | |||
| width: 673rpx; | |||
| height: 287rpx; | |||
| } | |||
| .gameGetBtn{ | |||
| position: absolute; | |||
| @@ -152,8 +122,8 @@ view{ | |||
| } | |||
| .gameControlFrame{ | |||
| position: absolute; | |||
| left: 130rpx; | |||
| top: 910rpx; | |||
| left: 120rpx; | |||
| top: 915rpx; | |||
| width: 174rpx; | |||
| height: 106rpx; | |||
| } | |||
| @@ -204,6 +174,7 @@ view{ | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| z-index: 99; | |||
| } | |||
| .successGroup{ | |||
| position: relative; | |||
| @@ -338,14 +309,6 @@ view{ | |||
| .prizeLook{ | |||
| width:710rpx; | |||
| height:70rpx; | |||
| background-color: #355483; | |||
| line-height: 70rpx; | |||
| text-align: center; | |||
| font-size:30rpx; | |||
| font-family:PingFangSC; | |||
| font-weight:400; | |||
| color:rgba(255,255,255,1); | |||
| border-radius: 20rpx; | |||
| } | |||
| .shareBtn{ | |||
| position: absolute; | |||
| @@ -384,4 +347,47 @@ view{ | |||
| .scrollFirstView{ | |||
| width:712rpx; | |||
| height:72rpx; | |||
| } | |||
| .luckyClaw{ | |||
| width: 304rpx; | |||
| height: 80rpx; | |||
| margin-left: -2rpx; | |||
| } | |||
| .luckyLeft{ | |||
| width: 83rpx; | |||
| height: 40rpx; | |||
| margin-left: -4rpx; | |||
| margin-top: -1rpx; | |||
| } | |||
| .luckyRight{ | |||
| width: 83rpx; | |||
| height: 40rpx; | |||
| margin-left: -5rpx; | |||
| margin-top: -2rpx; | |||
| } | |||
| .luckyTop{ | |||
| width: 72rpx; | |||
| height: 47rpx; | |||
| } | |||
| .luckyBottom{ | |||
| width: 73rpx; | |||
| height: 47rpx; | |||
| margin-left: -14rpx; | |||
| margin-top: 6rpx; | |||
| } | |||
| .downTimeGroup{ | |||
| position: fixed; | |||
| left: 0; | |||
| top: 0; | |||
| width: 100%; | |||
| height: calc(100vh - 150rpx); | |||
| background-color: rgba( 000, 000, 000, 0.3); | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| z-index: 99; | |||
| } | |||
| .luckyNum{ | |||
| width: 221rpx; | |||
| height: 131rpx; | |||
| } | |||
| @@ -0,0 +1,66 @@ | |||
| // pages/moreType/moreType.js | |||
| Page({ | |||
| /** | |||
| * 页面的初始数据 | |||
| */ | |||
| data: { | |||
| }, | |||
| /** | |||
| * 生命周期函数--监听页面加载 | |||
| */ | |||
| onLoad: function (options) { | |||
| }, | |||
| /** | |||
| * 生命周期函数--监听页面初次渲染完成 | |||
| */ | |||
| onReady: function () { | |||
| }, | |||
| /** | |||
| * 生命周期函数--监听页面显示 | |||
| */ | |||
| onShow: function () { | |||
| }, | |||
| /** | |||
| * 生命周期函数--监听页面隐藏 | |||
| */ | |||
| onHide: function () { | |||
| }, | |||
| /** | |||
| * 生命周期函数--监听页面卸载 | |||
| */ | |||
| onUnload: function () { | |||
| }, | |||
| /** | |||
| * 页面相关事件处理函数--监听用户下拉动作 | |||
| */ | |||
| onPullDownRefresh: function () { | |||
| }, | |||
| /** | |||
| * 页面上拉触底事件的处理函数 | |||
| */ | |||
| onReachBottom: function () { | |||
| }, | |||
| /** | |||
| * 用户点击右上角分享 | |||
| */ | |||
| onShareAppMessage: function () { | |||
| } | |||
| }) | |||
| @@ -0,0 +1,3 @@ | |||
| { | |||
| "usingComponents": {} | |||
| } | |||
| @@ -0,0 +1,2 @@ | |||
| <!--pages/moreType/moreType.wxml--> | |||
| <web-view src="https://www.venucia.com/v2/carlist"></web-view> | |||
| @@ -0,0 +1 @@ | |||
| /* pages/moreType/moreType.wxss */ | |||
| @@ -73,7 +73,6 @@ Page({ | |||
| phoneInputShow: true, | |||
| subscribeData: this.data.subscribeData | |||
| }) | |||
| this.getUserLocation(); | |||
| } | |||
| if (app.globalData.myCenterData) { | |||
| this.setData({ | |||
| @@ -111,6 +110,9 @@ Page({ | |||
| * 生命周期函数--监听页面显示 | |||
| */ | |||
| onShow: function () { | |||
| this.setData({ | |||
| siteSelect:false | |||
| }) | |||
| this.data.subscribeData.parentOpenid = app.globalData.friendOpenid; | |||
| }, | |||
| @@ -348,6 +350,9 @@ Page({ | |||
| subscribeData: this.data.subscribeData, | |||
| verificationCode: '获取验证码', | |||
| }) | |||
| this.setData({ | |||
| siteSelect: false | |||
| }) | |||
| // this.setData({ | |||
| // isRegister: true | |||
| // }) | |||
| @@ -469,7 +474,6 @@ Page({ | |||
| phoneInputShow: true, | |||
| subscribeData: this.data.subscribeData | |||
| }) | |||
| this.getUserLocation(); | |||
| } | |||
| } | |||
| } else { | |||
| @@ -496,9 +500,6 @@ Page({ | |||
| this.setData({ | |||
| phoneInputShow: true | |||
| }) | |||
| if (!app.globalData.myCenterData) { | |||
| this.getUserLocation();//获取用户当前位置 | |||
| } | |||
| if (e.detail.errMsg == 'getPhoneNumber:ok') { | |||
| app.getMobile(e.detail.encryptedData, e.detail.iv, res => { | |||
| if (res.code == 200) { | |||
| @@ -531,5 +532,21 @@ Page({ | |||
| this.setData({ | |||
| agreement: !this.data.agreement | |||
| }) | |||
| }, | |||
| lookMore:function(){ | |||
| wx.navigateTo({ | |||
| url: '/pages/moreType/moreType', | |||
| }) | |||
| }, | |||
| showSite: function () {//显示地址选择框 | |||
| if (!this.data.siteSelect) { | |||
| if (!app.globalData.myCenterData) { | |||
| this.getUserLocation();//获取用户当前位置 | |||
| }else{ | |||
| this.setData({ | |||
| siteSelect:true | |||
| }) | |||
| } | |||
| } | |||
| } | |||
| }) | |||
| @@ -6,7 +6,7 @@ | |||
| <view class="headGroup"> | |||
| <image class="defaultHead" src="{{imgUrl+'/images/defaultHead.png'}}"></image> | |||
| </view> | |||
| <view class="loginBtn">微信一键登录<button bindgetuserinfo="getUserWxMsg" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN"></button></view> | |||
| <view class="loginBtn"><image style="width:307rpx;height:48rpx;" src="{{imgUrl+'/btns/wxLoginIcon.jpg'}}"></image><button bindgetuserinfo="getUserWxMsg" style="width:100%;height:100%;min-height:0;padding:0;margin:0;" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN"></button></view> | |||
| </view> | |||
| <view class="userMsg" wx:if="{{isLogin}}"> | |||
| <image class="userMsgBg" src="{{imgUrl+'/images/userMsgBg.png'}}"></image> | |||
| @@ -20,14 +20,14 @@ | |||
| </view> | |||
| <view class="userLevel" wx:if="{{userData.userLevel}}"> | |||
| <image class="userLevelIcon" src="{{imgUrl+'/images/userLevelIcon'+userData.userLevel+'.png'}}"></image> | |||
| <view class="userLevelTip">您的级别为</view> | |||
| <image class="userLevelTip" src="{{imgUrl+'/images/myCenterTipLevel.jpg'}}"></image> | |||
| <image class="userLevelText" src="{{imgUrl+'/images/userLevelText'+userData.userLevel+'.png'}}"></image> | |||
| <view class="lookRule" bindtap="lookRule" data-value="{{true}}">星探规则</view> | |||
| <image class="lookRule" bindtap="lookRule" data-value="{{true}}" src="{{imgUrl+'/btns/myCenterRule.jpg'}}"></image> | |||
| </view> | |||
| <view class="userLevel" wx:if="{{!userData.userLevel}}"> | |||
| <image class="userWaitIcon" src="{{imgUrl+'/images/userWaitIcon.png'}}"></image> | |||
| <view class="userWaitText">您的星探待激活</view> | |||
| <view class="lookRule" bindtap="lookRule" data-value="{{true}}">星探规则</view> | |||
| <image class="lookRule" bindtap="lookRule" data-value="{{true}}" src="{{imgUrl+'/btns/myCenterRule.jpg'}}"></image> | |||
| </view> | |||
| </view> | |||
| <view class="funList"> | |||
| @@ -147,7 +147,7 @@ | |||
| </view> | |||
| </view> | |||
| <view class="inputGroup"> | |||
| <input class="inputCode" style="width:500rpx;" value="{{subscribeData.captcha}}" bindinput="getCaptcha" placeholder="请输入验证码"></input> | |||
| <input class="inputCode" bindfocus="showSite" style="width:450rpx;" value="{{subscribeData.captcha}}" bindinput="getCaptcha" placeholder="请输入验证码"></input> | |||
| <view class="codeTime" bindtap="getCode">{{verificationCode}}</view> | |||
| </view> | |||
| <view wx:if="{{siteSelect}}"> | |||
| @@ -165,13 +165,20 @@ | |||
| </picker> | |||
| </view> | |||
| <view class="agreementGroup"> | |||
| <image class="agreeIcon" bindtap="agreementState" src="{{imgUrl+(isAgreement?'/images/agreeIcon.png':'/images/disagreeIcon.png')}}"></image> | |||
| <view class="agreementText"><view>我仔细阅读并接受所附的</view><view bindtap="agreementControl">《用户协议与隐私政策》</view></view> | |||
| <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" bindtap="subscribeFun">登录/注册 | |||
| <button wx:if="{{userData}}" class="getUserMsgBtn" open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="getUserWxMsg" style="width:100%;height:100%;min-height:0;"></button> | |||
| <view class="subscribeBtn" bindtap="subscribeFun"> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/btns/myCenterBtn1.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">查看更多车型</view> | |||
| <view class="subscribeBtn" bindtap="lookMore"> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/btns/myCenterBtn2.png'}}"></image></view> | |||
| </view> | |||
| <!-- <view class="subscribeGroup" wx:if="{{selectNow==4 && isRegister}}"> | |||
| <view>已预约</view> | |||
| @@ -196,11 +203,12 @@ | |||
| </view> | |||
| </view> | |||
| <view class="prizeDesc" style="background-color:'rgba(000,000,000,0.8)';" wx:if="{{ruleShow}}"> | |||
| <view class="ruleImgGroup"> | |||
| <view class="ruleImgGroup" style="overflow: auto;border-radius:20rpx;"> | |||
| <image class="ruleImg" src="{{imgUrl+'/star/xingRule.png?v=002'}}"></image> | |||
| <view class="ruleContent"> | |||
| <image class="starRuleTitle" src="{{imgUrl+'/images/starRuleTitle.png'}}"></image> | |||
| <view class="rule"> | |||
| <image class="ruleImg" src="{{imgUrl+'/images/starRule.png'}}"></image> | |||
| </view> | |||
| <image bindtap="lookRule" data-value="{{false}}" class="closeDescIcon" src="{{imgUrl+'/images/closeDescIcon.png'}}"></image> | |||
| <image class="closeBtn" src="{{imgUrl+'/star/closebtn.png'}}" bindtap="lookRule" data-value="{{false}}"></image> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| @@ -39,14 +39,7 @@ view{ | |||
| position: relative; | |||
| margin: 0 auto; | |||
| width:307rpx; | |||
| height:49rpx; | |||
| background-color: #345486; | |||
| border-radius: 10rpx; | |||
| text-align: center; | |||
| font-size: 25rpx; | |||
| color: white; | |||
| line-height: 49rpx; | |||
| overflow: hidden; | |||
| height:48rpx; | |||
| } | |||
| .funList{ | |||
| position: relative; | |||
| @@ -371,9 +364,10 @@ view{ | |||
| height: 60rpx; | |||
| } | |||
| .userLevelTip{ | |||
| font-size: 21rpx; | |||
| margin-top: 32rpx; | |||
| margin-bottom: 11rpx; | |||
| width:103rpx; | |||
| height:21rpx; | |||
| } | |||
| .userLevelText{ | |||
| width: 352rpx; | |||
| @@ -381,14 +375,8 @@ view{ | |||
| } | |||
| .lookRule{ | |||
| margin-top: 27rpx; | |||
| width:368rpx; | |||
| width:367rpx; | |||
| height:57rpx; | |||
| border-radius: 10rpx; | |||
| background-color: #345486; | |||
| text-align: center; | |||
| line-height: 57rpx; | |||
| font-size: 29rpx; | |||
| color:white; | |||
| } | |||
| .userWaitIcon{ | |||
| width:48rpx; | |||
| @@ -412,14 +400,14 @@ view{ | |||
| } | |||
| .inputGroup{ | |||
| width:652rpx; | |||
| height:65rpx; | |||
| height:70rpx; | |||
| margin: 0 auto; | |||
| background-color: white; | |||
| border-radius: 10rpx; | |||
| box-sizing: border-box; | |||
| line-height: 65rpx; | |||
| line-height: 70rpx; | |||
| padding: 0 25rpx; | |||
| font-size: 20rpx; | |||
| font-size: 24rpx; | |||
| margin-top: 18rpx; | |||
| display: flex; | |||
| align-items: center; | |||
| @@ -436,13 +424,13 @@ view{ | |||
| border: 2rpx solid #B4B4B4; | |||
| margin: 0 auto; | |||
| width:652rpx; | |||
| height:65rpx; | |||
| height:70rpx; | |||
| background-color: white; | |||
| border-radius: 10rpx; | |||
| box-sizing: border-box; | |||
| line-height: 65rpx; | |||
| line-height: 70rpx; | |||
| padding: 0 25rpx; | |||
| font-size: 20rpx; | |||
| font-size: 24rpx; | |||
| margin-top: 18rpx; | |||
| display: flex; | |||
| align-items: center; | |||
| @@ -456,20 +444,16 @@ view{ | |||
| position: relative; | |||
| margin: 0 auto; | |||
| width:652rpx; | |||
| height:65rpx; | |||
| line-height: 65rpx; | |||
| text-align: center; | |||
| background-color: #345486; | |||
| color: white; | |||
| font-size: 29rpx; | |||
| height:70rpx; | |||
| margin-top: 18rpx; | |||
| border-radius: 10rpx; | |||
| } | |||
| .subscribeGroup{ | |||
| display: flex; | |||
| align-items: center; | |||
| flex-direction: column; | |||
| justify-content: center; | |||
| padding-bottom: 10rpx; | |||
| height: 670rpx; | |||
| } | |||
| .taskGroup,.ranksGroup,.subscribeGroup{ | |||
| height: 589rpx; | |||
| @@ -523,6 +507,7 @@ view{ | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: center; | |||
| padding-bottom: 150rpx; | |||
| box-sizing: border-box; | |||
| } | |||
| .prizeImgGroup{ | |||
| @@ -539,16 +524,6 @@ view{ | |||
| width: 38rpx; | |||
| height: 37rpx; | |||
| } | |||
| .ruleImgGroup{ | |||
| width: 631rpx; | |||
| height: 923rpx; | |||
| position: relative; | |||
| } | |||
| .ruleImg{ | |||
| width: 100%; | |||
| height: 1160rpx; | |||
| border-radius: 20rpx; | |||
| } | |||
| .prizeCustomGroup{ | |||
| width:453rpx; | |||
| height:503rpx; | |||
| @@ -581,7 +556,7 @@ view{ | |||
| left: 0; | |||
| top: 0; | |||
| width: 652rpx; | |||
| height: 65rpx; | |||
| height: 70rpx; | |||
| z-index: 2; | |||
| } | |||
| .getPhoneBtn{ | |||
| @@ -611,4 +586,35 @@ view{ | |||
| color:rgba(156,157,157,1); | |||
| display: flex; | |||
| align-items: center; | |||
| } | |||
| .ruleContent { | |||
| position: relative; | |||
| width: 632rpx; | |||
| height: 763rpx; | |||
| border-radius: 20rpx; | |||
| background-color: white; | |||
| } | |||
| .starRuleTitle{ | |||
| width: 632rpx; | |||
| height: 78rpx; | |||
| } | |||
| .rule { | |||
| position: relative; | |||
| width: 563rpx; | |||
| height: 586rpx; | |||
| padding: 0 34rpx; | |||
| padding-top: 42rpx; | |||
| padding-bottom: 57rpx; | |||
| overflow: auto; | |||
| } | |||
| .ruleImg{ | |||
| width: 563rpx; | |||
| height: 1009rpx; | |||
| } | |||
| .closeBtn { | |||
| position: absolute; | |||
| height: 40rpx; | |||
| width: 40rpx; | |||
| right:-40rpx; | |||
| top:-40rpx; | |||
| } | |||
| @@ -47,7 +47,7 @@ Page({ | |||
| this.data.windowH = option.windowHeight; | |||
| var countNum = 0; | |||
| wx.getImageInfo({//缓存海报背景 | |||
| src: this.data.imgUrl + '/images/tempImg1.jpg', | |||
| src: this.data.imgUrl + '/images/tempImg1.jpg?v=006', | |||
| success: res => { | |||
| this.data.posterBg.push(res.path); | |||
| countNum += 1; | |||
| @@ -70,7 +70,7 @@ Page({ | |||
| }) | |||
| } | |||
| wx.getImageInfo({//缓存数字背景 | |||
| src: this.data.imgUrl + '/images/posterNum.png', | |||
| src: this.data.imgUrl + '/images/posterNum.png?v=004', | |||
| success: res => { | |||
| this.data.numBg = res.path; | |||
| countNum += 1; | |||
| @@ -90,7 +90,7 @@ Page({ | |||
| this.posterDrawing(1); | |||
| clearInterval(setInt); | |||
| } | |||
| }, 50); | |||
| }, 500); | |||
| } | |||
| }) | |||
| }, | |||
| @@ -135,7 +135,7 @@ Page({ | |||
| onShareAppMessage: function () { | |||
| return { | |||
| title: '您有一份启辰星专属礼品待领取', | |||
| imageUrl: this.data.imgUrl + "/images/posterShareImg" + (this.data.swiperCurrent+1)+".jpg", | |||
| imageUrl: this.data.imgUrl + "/images/posterShareImg" + (this.data.swiperCurrent+1)+".jpg?v=003", | |||
| path: "/pages/coupon/coupon?friendOpenid=" + app.globalData.openid | |||
| } | |||
| }, | |||
| @@ -193,35 +193,37 @@ Page({ | |||
| var ctx = this.data.canvasContron;//canvas对象 | |||
| var scale = this.data.windowScale;//屏幕缩放比 | |||
| //背景 | |||
| ctx.drawImage(this.data.posterBg[e-1], 0, 0, scale * 444, scale * 817);// | |||
| ctx.drawImage(this.data.posterBg[e-1], 0, 0, scale * 750, scale * 1380);// | |||
| ctx.setFillStyle("#FFFFFF"); | |||
| ctx.save(); | |||
| ctx.beginPath(); //开始绘制 | |||
| //先画个圆 前两个参数确定了圆心 (x,y) 坐标 第三个参数是圆的半径 四参数是绘图方向 默认是false,即顺时针 | |||
| ctx.arc(scale * 48 / 2 + scale * 49, scale * 48 / 2 + scale * 538, scale * 48 / 2, 0, Math.PI * 2, false); | |||
| ctx.arc(scale * 80 / 2 + scale * 84, scale * 80 / 2 + scale * 908, scale * 80 / 2, 0, Math.PI * 2, false); | |||
| ctx.clip(); //剪切 | |||
| ctx.drawImage(this.data.userHead, scale * 49, scale * 538, scale * 48, scale * 48); //头像 | |||
| ctx.drawImage(this.data.userHead, scale * 84, scale * 908, scale * 80, scale * 80); //头像 | |||
| ctx.restore(); //恢复之前保存的绘图上下文 | |||
| //名称 | |||
| ctx.setFontSize(scale * 28); | |||
| ctx.setFontSize(scale * 40); | |||
| ctx.setFillStyle('#FFFFFF'); | |||
| ctx.setTextAlign('left'); | |||
| ctx.fillText(app.globalData.userInfoData ? app.globalData.userInfoData.nickName : "", scale * 102, scale *572); | |||
| ctx.fillText(app.globalData.userInfoData ? app.globalData.userInfoData.nickName : "", scale * 174, scale *960); | |||
| //我是第XXX星探 | |||
| ctx.drawImage(this.data.numBg, scale * 50, scale * 598, scale * 333, scale * 74); | |||
| ctx.drawImage(this.data.numBg, scale * 86, scale * 1010, scale * 563, scale * 124); | |||
| //排名数字 | |||
| ctx.drawImage(this.data.rankNum[0], scale * 168, scale * 602, scale * 32, scale * 40); | |||
| ctx.drawImage(this.data.rankNum[1], scale * 202, scale * 602, scale * 32, scale * 40); | |||
| ctx.drawImage(this.data.rankNum[2], scale * 236, scale * 602, scale * 32, scale * 40); | |||
| ctx.drawImage(this.data.rankNum[3], scale * 270, scale * 602, scale * 32, scale * 40); | |||
| ctx.drawImage(this.data.rankNum[0], scale * 286, scale * 1012, scale * 52, scale * 70); | |||
| ctx.drawImage(this.data.rankNum[1], scale * 343, scale * 1012, scale * 52, scale * 70); | |||
| ctx.drawImage(this.data.rankNum[2], scale * 401, scale * 1012, scale * 52, scale * 70); | |||
| ctx.drawImage(this.data.rankNum[3], scale * 459, scale * 1012, scale * 52, scale * 70); | |||
| console.log(this.data.rankNum[3]); | |||
| //二维码 | |||
| ctx.drawImage(this.data.qrCodeUrl, scale * 282, scale * 672, scale * 105, scale* 105); | |||
| console.log(this.data.qrCodeUrl); | |||
| ctx.drawImage(this.data.qrCodeUrl, scale * 476, scale * 1134, scale * 176, scale * 176); | |||
| //绘制 | |||
| ctx.draw(false, setTimeout(() => { | |||
| console.log(); | |||
| wx.canvasToTempFilePath({ | |||
| width:scale*444, | |||
| height: scale * 817, | |||
| width:scale*750, | |||
| height: scale * 1380, | |||
| canvasId: 'myCanvas', | |||
| success: res => { | |||
| this.data.posterUrl.push(res.tempFilePath); | |||
| @@ -230,7 +232,7 @@ Page({ | |||
| }) | |||
| if (e < 3) { | |||
| wx.getImageInfo({ | |||
| src: this.data.imgUrl + '/images/tempImg'+(e+1)+'.jpg', | |||
| src: this.data.imgUrl + '/images/tempImg'+(e+1)+'.jpg?v=006', | |||
| success: res => { | |||
| this.data.posterBg.push(res.path); | |||
| this.posterDrawing(e + 1); | |||
| @@ -1,13 +1,14 @@ | |||
| <!--pages/poster/poster.wxml--> | |||
| <view class="all"> | |||
| <view class="main"> | |||
| <!-- <image class="posterBg" src="{{imgUrl+'/images/posterBg.jpg'}}"></image> --> | |||
| <view class="swiperFrame"> | |||
| <swiper class="swiperSty" current="{{swiperCurrent}}" bindchange="swiperChange" previous-margin="130rpx" next-margin="130rpx"> | |||
| <!-- <swiper-item wx:for="{{posterUrl}}" wx:key="index"> --> | |||
| <swiper-item wx:for="{{3}}" wx:key="index"> | |||
| <view class="selectTempFrame {{index==swiperCurrent?'selectTempFrameBorder':''}}"> | |||
| <view class="imgGroup"> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/images/tempImg'+(index+1)+'.jpg'}}"></image> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/images/tempImg'+(index+1)+'.jpg?v=004'}}"></image> | |||
| <view class="userMsg"> | |||
| <image class="userHead" src="{{userHead}}"></image> | |||
| <!-- <image class="userHead" src="{{imgUrl+'/images/posterChoose.png'}}"></image> --> | |||
| @@ -32,10 +33,10 @@ | |||
| <image class="rightArrow" wx:if="{{swiperCurrent!=2}}" bindtap="nextImg" src="{{imgUrl+'/images/rightArrow.png'}}"></image> | |||
| </view> | |||
| <canvas wx:if="{{canvasShow}}" class="canvasDraw" canvas-id="myCanvas"></canvas> | |||
| <view class="lookBigPic" bindtap="savePoster"> | |||
| <!-- <view class="lookBigPic" bindtap="savePoster"> | |||
| <image class="lookBigIcon" src="{{imgUrl+'/images/lookbigIcon.png'}}"></image> | |||
| <view class="lookBigText">查看大图</view> | |||
| </view> | |||
| </view> --> | |||
| <image class="selectPosterTip" src="{{imgUrl+'/images/selectPosterTip.png'}}"></image> | |||
| <view class="operationFrame"> | |||
| <view class="operationGroup" style="margin-right:55rpx;" bindtap="saveImg"> | |||
| @@ -9,12 +9,13 @@ view{ | |||
| height: calc(100vh - 150rpx); | |||
| overflow: auto; | |||
| position: relative; | |||
| background-image: url('https://www.jiyou-tech.com/2020/496_qichen/static/images/posterBg.jpg?v=002'); | |||
| } | |||
| .operationFrame{ | |||
| margin-top: 43rpx; | |||
| width: 750rpx; | |||
| height: 234rpx; | |||
| background-image: url('https://www.jiyou-tech.com/2020/496_qichen/static/images/posterBg.png?v=002'); | |||
| /* background-image: url('https://www.jiyou-tech.com/2020/496_qichen/static/images/posterBg.png?v=002'); */ | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content:center; | |||
| @@ -2,7 +2,7 @@ | |||
| <view class="all"> | |||
| <view class="main"> | |||
| <view class="prizeTitleFrame"> | |||
| <view class="prizeTitle">活动奖品</view> | |||
| <image class="prizeTitle" src="{{imgUrl+'/btns/luckyPrize.png'}}"></image> | |||
| </view> | |||
| <view class="thirdAward" style="margin-top:0;">一等奖</view> | |||
| <view class="firstPrize"> | |||
| @@ -68,7 +68,7 @@ | |||
| </view> | |||
| </view> | |||
| <view class="immediateFetching"> | |||
| <view class="prizeTitle" bindtap="backPage" style="margin-top:0;">立即抓取</view> | |||
| <image class="prizeTitle" bindtap="backPage" src="{{imgUrl+'/btns/gameStart2.png'}}"></image> | |||
| </view> | |||
| </view> | |||
| <tabBar></tabBar> | |||
| @@ -15,15 +15,7 @@ view{ | |||
| .prizeTitle{ | |||
| width:710rpx; | |||
| height:70rpx; | |||
| background-color: #17528A; | |||
| border-radius: 20rpx; | |||
| margin: 0 auto; | |||
| line-height: 70rpx; | |||
| text-align: center; | |||
| font-size:30rpx; | |||
| font-family:PingFang; | |||
| font-weight:500; | |||
| color:rgba(255,255,255,1); | |||
| } | |||
| .ticketGroup{ | |||
| padding: 0 45rpx; | |||
| @@ -233,7 +233,10 @@ Page({ | |||
| for (let i = 0; i < res.tempFilePaths.length; i++) { | |||
| wx.uploadFile({ | |||
| url: app.globalData.urlRoot + "upload/uploadImage", | |||
| header: { "OPENID": app.globalData.openid }, | |||
| header: { | |||
| "OPENID": app.globalData.openid, | |||
| "VERSION": 100 | |||
| }, | |||
| filePath: res.tempFilePaths[i], | |||
| name: "file", | |||
| success: res => { | |||
| @@ -2,11 +2,11 @@ | |||
| <view class="showView"> | |||
| <view class="registerContainer"> | |||
| <view class="tabsBox"> | |||
| <view class="item {{type==1?'select':''}}" data-type="1" bindtap="changeType" style="border-top-left-radius: 8rpx;border-bottom-left-radius: 8rpx;">车主</view> | |||
| <view class="item {{type==0?'select':''}}" data-type="0" bindtap="changeType" | |||
| style="border-top-right-radius: 8rpx;border-bottom-right-radius: 8rpx;">非车主</view> | |||
| <image class="registerTitle" wx:if="{{type==1}}" src="{{imgUrl+'/images/registerTitle1.png'}}" bindtap="changeType" data-type="0"></image> | |||
| <image class="registerTitle" wx:if="{{type==0}}" src="{{imgUrl+'/images/registerTitle2.png'}}" bindtap="changeType" data-type="1"></image> | |||
| <view class="registerTitleMask" style="left:{{type==0?'50%':0}}"></view> | |||
| </view> | |||
| <view class="welcome">欢迎加入星探计划</view> | |||
| <image class="welcome" src="{{imgUrl+'/images/registerTip.png'}}"></image> | |||
| <form bindsubmit="formSubmit1" wx:if="{{type==1}}"> | |||
| <view class="Vehicle"> | |||
| <input name="VIN" placeholder="请输入车牌号/VIN号" placeholder-style="font-size:23rpx;" /> | |||
| @@ -19,8 +19,10 @@ | |||
| </view> | |||
| <view class="tipTxt">VIN示意图</view> | |||
| <image class="license" src="{{imgUrl+'/star/scout/register/card.png'}}"></image> | |||
| <button class="submitBtn" style="padding:0;margin:20rpx auto 0;min-height:0;" formType="submit">提交</button> | |||
| <view class="reminder">温馨提示:您填写的信息将同步至东风启辰服务号,以便改善我们的产品,更好的为您提供优质的服务。</view> | |||
| <button class="submitBtn" style="padding:0;margin:20rpx auto 0;min-height:0;" formType="submit"> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/images/registerSubmit.png'}}"></image> | |||
| </button> | |||
| <image class="reminder" src="{{imgUrl+'/images/registerTip4.png'}}"></image> | |||
| </view> | |||
| </form> | |||
| <form bindsubmit="formSubmit2" wx:else> | |||
| @@ -41,18 +43,7 @@ | |||
| </view> | |||
| <image class="arrowDown" src="{{imgUrl+'/star/scout/register/arrowDown.png'}}"></image> | |||
| </picker> | |||
| <view class="hintTitle">网约车司机合影示意图</view> | |||
| <view class="hintBox"> | |||
| <view class="hintItem" style="margin-right:15rpx;"> | |||
| <image class="hintImg" src="{{imgUrl+'/star/scout/register/hintImg1.png'}}"></image> | |||
| <view class="hintTxt">驾驶员与车辆合影示意</view> | |||
| </view> | |||
| <view class="hintItem" style="margin-left:15rpx;"> | |||
| <image class="hintImg" src="{{imgUrl+'/star/scout/register/hintImg2.png'}}"></image> | |||
| <view class="hintTxt">驾驶员与许可证合影示意</view> | |||
| </view> | |||
| </view> | |||
| <view class="upPhotoTitle">请上传您的照片:</view> | |||
| <image class="registerMainPic" src="{{imgUrl+'/images/registerMainPic.png?v=002'}}"></image> | |||
| <view class="upPhonoBox"> | |||
| <view class="phontBox" wx:for="{{photoList}}" wx:key="*this" wx:if="{{photoList.length>0}}" data-value="{{index}}"> | |||
| <image src="{{item}}" mode="aspectFill" ></image> | |||
| @@ -60,13 +51,15 @@ | |||
| </view> | |||
| <image class="upPhontBtn" wx:if="{{photoList.length<3}}" src="{{imgUrl+'/star/scout/register/upBtn.png'}}" bindtap="chooseImage"></image> | |||
| </view> | |||
| <view class="photoNotes">注:请上传您与车辆及经营许可证的合影</view> | |||
| <button class="submitBtn" formType="submit">提交</button> | |||
| <image class="photoNotes" src="{{imgUrl+'/images/registerTip2.png'}}" ></image> | |||
| <button class="submitBtn" style="padding:0;margin:20rpx auto 0;min-height:0;" formType="submit"> | |||
| <image style="width:100%;height:100%;" src="{{imgUrl+'/images/registerSubmit.png'}}"></image> | |||
| </button> | |||
| <view class="agreementBox"> | |||
| <view class="checkBox" bindtap='agreementClick'> | |||
| <icon type="success_no_circle" size="10" wx:if="{{agree}}" /> | |||
| </view> | |||
| 请阅读并同意本协议内容 | |||
| <image style="width:176rpx;height:16rpx;" src="{{imgUrl+'/images/registerTip3.png'}}"></image> | |||
| </view> | |||
| </view> | |||
| </form> | |||
| @@ -5,6 +5,7 @@ | |||
| overflow-y: scroll; | |||
| } | |||
| .tabsBox{ | |||
| position: relative; | |||
| width: 611rpx; | |||
| height: 81rpx; | |||
| border: 1rpx solid #345489; | |||
| @@ -26,9 +27,8 @@ | |||
| background-color: #345489; | |||
| } | |||
| .welcome{ | |||
| font-size: 33rpx; | |||
| font-weight: bold; | |||
| text-align: center; | |||
| width: 269rpx; | |||
| height: 33rpx; | |||
| margin: 28rpx auto 28rpx auto; | |||
| } | |||
| .Vehicle{ | |||
| @@ -69,18 +69,12 @@ | |||
| .Vehicle>.submitBtn{ | |||
| width: 675rpx; | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| background-color: #2a558d; | |||
| color: #ffffff; | |||
| font-size: 28rpx; | |||
| margin: 200rpx auto 0 auto; | |||
| margin: 20rpx auto 0 auto; | |||
| } | |||
| .Vehicle>.reminder{ | |||
| font-size: 17rpx; | |||
| color: #adaeae; | |||
| width: 675rpx; | |||
| width: 667rpx; | |||
| height: 57rpx; | |||
| margin: 25rpx auto; | |||
| line-height: 32rpx; | |||
| } | |||
| .NoVehicle{ | |||
| position: relative; | |||
| @@ -186,17 +180,14 @@ image.arrowDown{ | |||
| height: 100%; | |||
| } | |||
| .NoVehicle>.photoNotes{ | |||
| font-size: 17rpx; | |||
| width: 322rpx; | |||
| height: 17rpx; | |||
| margin-left: 55rpx; | |||
| } | |||
| .NoVehicle>.submitBtn{ | |||
| width: 675rpx; | |||
| height: 70rpx; | |||
| background-color: #2a558d; | |||
| color: #ffffff; | |||
| font-size: 30rpx; | |||
| margin: 20rpx auto 0 auto; | |||
| border-radius: 20rpx; | |||
| } | |||
| .NoVehicle>.agreementBox{ | |||
| margin-top: 20rpx; | |||
| @@ -281,4 +272,20 @@ image.arrowDown{ | |||
| position:absolute; | |||
| left:0; | |||
| top:0; | |||
| } | |||
| .registerTitle{ | |||
| width: 611rpx; | |||
| height: 81rpx; | |||
| } | |||
| .registerTitleMask{ | |||
| position: absolute; | |||
| top: 0; | |||
| width: 50%; | |||
| height: 100%; | |||
| } | |||
| .registerMainPic{ | |||
| width: 655rpx; | |||
| height: 278rpx; | |||
| margin: 0 auto; | |||
| margin-bottom: 25rpx; | |||
| } | |||
| @@ -1,15 +1,19 @@ | |||
| <!--pages/scout/scout.wxml--> | |||
| <view class="showView"> | |||
| <view class="content"> | |||
| <image class="bg" src="{{imgUrl+'/star/scout/bg.jpg'}}"></image> | |||
| <image class="reward" wx:if="{{maskid<4}}" src="{{imgUrl+'/star/scout/reward.png'}}"></image> | |||
| <image class="bg" src="{{imgUrl+'/star/scout/bg.jpg?v=004'}}"></image> | |||
| <image class="reward" wx:if="{{maskid<4}}" src="{{imgUrl+'/star/scout/reward.png?v=002'}}"></image> | |||
| <image class="reward" wx:if="{{maskid>3}}" src="{{imgUrl+'/star/tu1.png?v=002'}}"></image> | |||
| <view class="btn" bindtap="getPoster">{{maskid<4?"立即分享,赚取奖励":"立即分享"}}</view> | |||
| <image class="scoutbtn1" wx:if="{{maskid>3}}" bindtap="getPoster" src="{{imgUrl+'/star/scout/scoutbtn2.png'}}"></image> | |||
| <image class="scoutbtn1" wx:if="{{maskid<4}}" bindtap="getPoster" src="{{imgUrl+'/star/scout/scoutbtn1.png'}}"></image> | |||
| <button class="btn2" wx:if="{{iconShow}}" open-type="getUserInfo" bindgetuserinfo="getUserWxMsg"></button> | |||
| </view> | |||
| <view class="mask" wx:if="{{maskShow}}"> | |||
| <view class="tipContent" wx:if="{{tipShow}}"> | |||
| <view class="title">{{titleContent}}</view> | |||
| <image wx:if="{{maskid==4}}" class="titleImg" src="{{imgUrl+'/star/scout/scoutTitle4.png'}}"></image> | |||
| <image wx:if="{{maskid==1}}" class="titleImg" src="{{imgUrl+'/star/scout/scoutTitle1.png'}}"></image> | |||
| <image wx:if="{{maskid==3}}" class="titleImg" src="{{imgUrl+'/star/scout/scoutTitle2.png'}}"></image> | |||
| <image wx:if="{{maskid==2}}" class="titleImg" src="{{imgUrl+'/star/scout/scoutTitle3.png'}}"></image> | |||
| <image class="txt" wx:if="{{maskid<4}}" src="{{imgUrl+'/star/scout/tipContent.png'}}"></image> | |||
| <image class="txt2" wx:if="{{maskid>3}}" src="{{imgUrl+'/star/txt1.png'}}"></image> | |||
| <image class="closeBtn" src="{{imgUrl+'/star/closebtn.png'}}" bindtap="hiddenTip"></image> | |||
| @@ -9,7 +9,7 @@ | |||
| align-items: center; | |||
| } | |||
| .bg{ | |||
| width: 100%; | |||
| width: 750rpx; | |||
| height: 650rpx; | |||
| } | |||
| .reward{ | |||
| @@ -52,7 +52,7 @@ | |||
| position: relative; | |||
| width: 560rpx; | |||
| height: 403rpx; | |||
| border-radius: 15rpx; | |||
| border-radius: 30rpx; | |||
| background-color: #ffffff; | |||
| } | |||
| .tipContent>.title{ | |||
| @@ -98,4 +98,13 @@ | |||
| opacity: 0; | |||
| margin: 0; | |||
| padding: 0; | |||
| } | |||
| .scoutbtn1{ | |||
| width: 654rpx; | |||
| height: 70rpx; | |||
| margin: 20rpx auto 40rpx auto; | |||
| } | |||
| .titleImg{ | |||
| width: 560rpx; | |||
| height: 77rpx; | |||
| } | |||
| @@ -1,11 +1,12 @@ | |||
| <!--pages/star/star.wxml--> | |||
| <view id="star" class="showView"> | |||
| <view class="home"> | |||
| <image class="bg" src="{{imgUrl+'/star/bg.jpg'}}"></image> | |||
| <image class="bg" src="{{imgUrl+'/star/bg.png'}}"></image> | |||
| <image class="logo1" src="{{imgUrl+'/star/logo1.png'}}"></image> | |||
| <image class="logo2" src="{{imgUrl+'/star/logo2.png'}}"></image> | |||
| <view class="ruleBtn" wx:if="{{!maskShow}}" bindtap="showRule">规则说明</view> | |||
| <view class="ruleBtn ruleBtnColor" wx:if="{{maskShow}}" bindtap="showRule">规则说明</view> | |||
| <image class="starRule" bindtap="showRule" src="{{imgUrl+'/btns/starRule.png'}}"></image> | |||
| <!-- <view class="ruleBtn" wx:if="{{!maskShow}}" bindtap="showRule">规则说明</view> --> | |||
| <!-- <view class="ruleBtn ruleBtnColor" wx:if="{{maskShow}}" bindtap="showRule">规则说明</view> --> | |||
| <view class="propagandaBox"> | |||
| <text class="text">已有</text> | |||
| <view class="numBox"> | |||
| @@ -17,18 +18,17 @@ | |||
| <text class="text">人加入星探计划</text> | |||
| </view> | |||
| <view class="btnBox"> | |||
| <view class="btn" bindtap="scout">星探任务</view> | |||
| <view class="btn" bindtap="everyDay">每日任务</view> | |||
| <!-- <button class="btn2" wx:if="{{phonebol}}" open-type="getPhoneNumber" bindgetphonenumber="getPhone"></button> --> | |||
| <image class="starBtn" bindtap="scout" src="{{imgUrl+'/btns/starBtn1.png'}}"></image> | |||
| <image class="starBtn" bindtap="everyDay" src="{{imgUrl+'/btns/starBtn2.png'}}"></image> | |||
| </view> | |||
| </view> | |||
| <view class="mask" wx:if="{{maskShow}}"> | |||
| <view class="ruleContent"> | |||
| <image class="starRuleTitle" src="{{imgUrl+'/images/starRuleTitle.png'}}"></image> | |||
| <view class="rule"> | |||
| <image class="ruleImg" src="{{imgUrl+'/star/xingRule.png?v=002'}}"></image> | |||
| <image class="ruleImg" src="{{imgUrl+'/images/starRule.png'}}"></image> | |||
| </view> | |||
| <image class="closeBtn" src="{{imgUrl+'/star/closebtn.png'}}" bindtap="hiddenRule"></image> | |||
| <!-- <view class="closeBtn" style="right:-40rpx;top:-45rpx;" bindtap="hiddenRule"></view> --> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| @@ -81,10 +81,15 @@ | |||
| .home>.btnBox { | |||
| position: absolute; | |||
| width: 100%; | |||
| width: 750rpx; | |||
| text-align: center; | |||
| left: 0; | |||
| bottom: 15rpx; | |||
| display: flex; | |||
| align-items: center; | |||
| justify-content: space-between; | |||
| padding: 0 20rpx; | |||
| box-sizing: border-box; | |||
| } | |||
| .home>.btnBox>.btn { | |||
| @@ -124,15 +129,19 @@ | |||
| .mask>.ruleContent { | |||
| position: relative; | |||
| width: 631rpx; | |||
| height: 923rpx; | |||
| width: 632rpx; | |||
| height: 763rpx; | |||
| border-radius: 20rpx; | |||
| background-color: white; | |||
| } | |||
| .mask>.ruleContent>.rule { | |||
| position: relative; | |||
| width: 100%; | |||
| height: 100%; | |||
| width: 563rpx; | |||
| height: 586rpx; | |||
| padding: 0 34rpx; | |||
| padding-top: 42rpx; | |||
| padding-bottom: 57rpx; | |||
| overflow: auto; | |||
| } | |||
| @@ -150,7 +159,21 @@ | |||
| content: "\2716"; | |||
| } */ | |||
| .ruleImg{ | |||
| width: 631rpx; | |||
| height: 1160rpx; | |||
| border-radius: 20rpx; | |||
| width: 563rpx; | |||
| height: 1009rpx; | |||
| } | |||
| .starRule{ | |||
| width: 81rpx; | |||
| height: 81rpx; | |||
| position: absolute; | |||
| right: 29rpx; | |||
| top: 175rpx; | |||
| } | |||
| .starBtn{ | |||
| width: 347rpx; | |||
| height: 65rpx; | |||
| } | |||
| .starRuleTitle{ | |||
| width: 632rpx; | |||
| height: 78rpx; | |||
| } | |||