}) | }) | ||||
}, | }, | ||||
globalData: { | 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 | openid: "",//OPENID | ||||
parentOpenid:"",//推荐人的openid | parentOpenid:"",//推荐人的openid | ||||
session_key: "",//session_key | session_key: "",//session_key |
"pages/guessPoster/guessPoster", | "pages/guessPoster/guessPoster", | ||||
"pages/guessSecondPrize/guessSecondPrize", | "pages/guessSecondPrize/guessSecondPrize", | ||||
"pages/guessSecondResult/guessSecondResult", | "pages/guessSecondResult/guessSecondResult", | ||||
"pages/guessSecondPoster/guessSecondPoster" | |||||
"pages/guessSecondPoster/guessSecondPoster", | |||||
"pages/compute/compute" | |||||
], | ], | ||||
"window": { | "window": { | ||||
"backgroundTextStyle": "light", | "backgroundTextStyle": "light", | ||||
"scope.userLocation": { | "scope.userLocation": { | ||||
"desc": "你的位置信息将用于小程序位置接口的效果展示" | "desc": "你的位置信息将用于小程序位置接口的效果展示" | ||||
} | } | ||||
}, | |||||
"navigateToMiniProgramAppIdList": [ | |||||
"wx1d585c8c2fffe589" | |||||
] | |||||
} | |||||
} | } |
this.setData({ | this.setData({ | ||||
yuyueShow: !this.data.yuyueShow | yuyueShow: !this.data.yuyueShow | ||||
}) | }) | ||||
}, | |||||
lookOrder:function(){//跳转到智趣启辰小程序的订单页面 | |||||
wx.navigateToMiniProgram({ | |||||
appId:'wx1d585c8c2fffe589', | |||||
path:"/activity_module/pages/carorder_info/carorder_info", | |||||
success(res) { | |||||
// 打开成功 | |||||
}, | |||||
complete(res){ | |||||
console.log(res); | |||||
} | |||||
}) | |||||
} | } | ||||
} | } | ||||
}) | }) |
<!--pages/component/service/index.wxml--> | <!--pages/component/service/index.wxml--> | ||||
<view> | <view> | ||||
<image class="serviceIcon" style="top:206rpx;" bindtap="maskShow" src="{{imgUrl+'/newIcon/3.png'}}"></image> | |||||
<image class="serviceIcon" wx:if="{{nowPage!=1}}" bindtap="openYuyue" src="{{imgUrl+'/newIcon/4.png'}}"></image> | |||||
<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> | ||||
<view wx:if="{{maskState}}" class="maskGroup" catchtouchmove="ture"> | <view wx:if="{{maskState}}" class="maskGroup" catchtouchmove="ture"> | ||||
<view class="contentGroup"> | <view class="contentGroup"> |
// pages/compute/compute.js | |||||
const app = getApp() | |||||
Page({ | |||||
/** | |||||
* 页面的初始数据 | |||||
*/ | |||||
data: { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面加载 | |||||
*/ | |||||
onLoad: function (options) { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面初次渲染完成 | |||||
*/ | |||||
onReady: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面显示 | |||||
*/ | |||||
onShow: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面隐藏 | |||||
*/ | |||||
onHide: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面卸载 | |||||
*/ | |||||
onUnload: function () { | |||||
}, | |||||
/** | |||||
* 页面相关事件处理函数--监听用户下拉动作 | |||||
*/ | |||||
onPullDownRefresh: function () { | |||||
}, | |||||
/** | |||||
* 页面上拉触底事件的处理函数 | |||||
*/ | |||||
onReachBottom: function () { | |||||
}, | |||||
/** | |||||
* 用户点击右上角分享 | |||||
*/ | |||||
onShareAppMessage: function () { | |||||
return app.sharePack(); | |||||
} | |||||
}) |
{ | |||||
"navigationBarTitleText": "金融服务-Venucia启辰官方网站-东风启辰", | |||||
"usingComponents": {} | |||||
} |
<!--pages/compute/compute.wxml--> | |||||
<web-view src="https://www.venucia.com/v2/Buy/Services/Financial_Insurance?carSeriesId=58"></web-view> |
/* pages/compute/compute.wxss */ |
<!--pages/coupon/coupon.wxml--> | <!--pages/coupon/coupon.wxml--> | ||||
<view class="all" wx:if="{{pageShow}}"> | <view class="all" wx:if="{{pageShow}}"> | ||||
<view class="main"> | <view class="main"> | ||||
<image class="couponBg" src="{{imgUrl+'/newImages4/2.png'}}"></image> | |||||
<image class="couponBg" src="{{imgUrl+'/newImages7/5.png'}}"></image> | |||||
<view class="showWindow" bindtap="controlWindow"></view> | <view class="showWindow" bindtap="controlWindow"></view> | ||||
<view class="btnGroup"> | <view class="btnGroup"> | ||||
<image class="couponBtn" bindtap="showAppointment" src="{{imgUrl+'/newImages3/12.png'}}"></image> | |||||
<image class="couponBtn" bindtap="showAppointment" src="{{imgUrl+'/newImages7/4.png'}}"></image> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="maskWindow" wx:if="{{submitSuccess}}"> | <view class="maskWindow" wx:if="{{submitSuccess}}"> |
} | } | ||||
.couponBg{ | .couponBg{ | ||||
width: 750rpx; | width: 750rpx; | ||||
height: 1126rpx; | |||||
height: 2131rpx; | |||||
} | } | ||||
.prizeFrame{ | .prizeFrame{ | ||||
position: absolute; | position: absolute; | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
.btnGroup{ | .btnGroup{ | ||||
padding: 40rpx 0; | |||||
display: flex; | |||||
align-items: center; | |||||
justify-content: center; | |||||
position: fixed; | |||||
bottom: 160rpx; | |||||
left: 50%; | |||||
transform: translateX(-50%); | |||||
width: 711rpx; | |||||
height: 71rpx; | |||||
} | } | ||||
.couponBtn{ | .couponBtn{ | ||||
width: 711rpx; | width: 711rpx; |
url: '/pages/vrLookCar/vrLookCar', | url: '/pages/vrLookCar/vrLookCar', | ||||
}) | }) | ||||
}, | }, | ||||
compute: function () { | |||||
wx.navigateTo({ | |||||
url: '/pages/compute/compute', | |||||
}) | |||||
}, | |||||
lookConfigure: function () { | lookConfigure: function () { | ||||
wx.navigateTo({ | wx.navigateTo({ | ||||
url: '/pages/configure/configure', | url: '/pages/configure/configure', |
<view class="newImages2-76"> | <view class="newImages2-76"> | ||||
<!-- <image style="width:750rpx;height:10368rpx;" src="{{imgUrl+'/newImages4/16.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=002'}}"></image> | |||||
<image style="width:750rpx;height:1600rpx;" src="{{imgUrl+'/newImages6/images/newImg_02.png?v=003'}}"></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_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_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_05.png'}}"></image> | ||||
<image class="newImages2-110" src="{{imgUrl+'/newImages3/31.png'}}"></image> | <image class="newImages2-110" src="{{imgUrl+'/newImages3/31.png'}}"></image> | ||||
<video id="myVideo" class="myVideo" wx:if="{{videoShow}}" bindfullscreenchange="closeFull" src="{{videoList['videoUrl']}}"></video> | <video id="myVideo" class="myVideo" wx:if="{{videoShow}}" bindfullscreenchange="closeFull" src="{{videoList['videoUrl']}}"></video> | ||||
</view> | </view> | ||||
<image class="newImages2-11" bindtap="openYuyue" src="{{imgUrl+'/newImages3/42.png'}}"></image> | |||||
<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-12" bindtap="lookConfigure" src="{{imgUrl+'/newImages2/98.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> | <image class="newImages2-13" bindtap="vrLookCar" src="{{imgUrl+'/newImages2/99.png'}}"></image> | ||||
<swiper class="swiper1" bindchange="swiperChange" data-num="1" current="{{swiperGroup.one.current}}"> | <swiper class="swiper1" bindchange="swiperChange" data-num="1" current="{{swiperGroup.one.current}}"> |
width: 750rpx; | width: 750rpx; | ||||
height: calc(100vh - 120rpx); | height: calc(100vh - 120rpx); | ||||
z-index: 999; | z-index: 999; | ||||
} | |||||
.computeBtn{ | |||||
width:390rpx; | |||||
height: 62rpx; | |||||
position: absolute; | |||||
top: 2570rpx; | |||||
left: 50%; | |||||
transform: translateX(-50%); | |||||
} | } |
isAgreement: true,//是否同意协议 | isAgreement: true,//是否同意协议 | ||||
verificationCode: '获取验证码',//验证码文案 | verificationCode: '获取验证码',//验证码文案 | ||||
sendCode: true, | sendCode: true, | ||||
realName:"",//姓名 | |||||
mobileText: "",//手机号 | mobileText: "",//手机号 | ||||
verificationText: null, | verificationText: null, | ||||
getMobileBtnShow: true, | getMobileBtnShow: true, | ||||
agreement: false,//是否显示协议 | agreement: false,//是否显示协议 | ||||
httpState: false, | httpState: false, | ||||
provinceDataAll: null,//地区所有数据 | |||||
provinceDataArr: [[""], [""]],//省市数据 | |||||
provinceDataValue: [0, 0],//选中的省市下标 | |||||
nowProvince: "",//选中的省市文字 | |||||
storeArr: [],//专营店数据 | |||||
storeValue: 0,//选中的专营店下标 | |||||
}, | }, | ||||
/** | /** | ||||
*/ | */ | ||||
onLoad: function (options) { | onLoad: function (options) { | ||||
app.globalData.nowPage = 2; | app.globalData.nowPage = 2; | ||||
if (app.globalData.openid) { | |||||
this.loadFun(); | |||||
} else { | |||||
app.globalData.openidSuccessFuc = this.loadFun; | |||||
} | |||||
}, | |||||
loadFun: function () { | |||||
if (app.globalData.userMobile) { | if (app.globalData.userMobile) { | ||||
this.setData({ | this.setData({ | ||||
getMobileBtnShow: false, | getMobileBtnShow: false, | ||||
mobileText: app.globalData.userMobile | mobileText: app.globalData.userMobile | ||||
}) | }) | ||||
} | } | ||||
this.getUserLocation();//获取用户当前位置 | |||||
}, | |||||
getUserLocation: function (e) { | |||||
wx.getLocation({ | |||||
type: 'wgs84', //wgs84 gcj02 | |||||
success: (res) => { | |||||
this.getDistributorList(res.longitude, res.latitude); | |||||
}, | |||||
fail: (res) => { | |||||
this.getDistributorList("", ""); | |||||
} | |||||
}) | |||||
}, | |||||
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); | |||||
}, | |||||
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 | |||||
}) | |||||
}, | }, | ||||
/** | /** | ||||
} | } | ||||
}, 1000); | }, 1000); | ||||
}, | }, | ||||
getRealName: function (e) {//获取用户输入的姓名 | |||||
this.data.realName = e.detail.value | |||||
}, | |||||
getMoblie: function (e) {//获取用户输入的手机号 | getMoblie: function (e) {//获取用户输入的手机号 | ||||
this.data.mobileText = e.detail.value | this.data.mobileText = e.detail.value | ||||
}, | }, | ||||
this.data.verificationText = e.detail.value | this.data.verificationText = e.detail.value | ||||
}, | }, | ||||
submitMobile: function () { | submitMobile: function () { | ||||
if (!this.data.realName) { | |||||
wx.showToast({ | |||||
title: '请输入姓名', | |||||
icon: 'none' | |||||
}) | |||||
return; | |||||
} | |||||
if (!app.mobileVerify(this.data.mobileText)) { | if (!app.mobileVerify(this.data.mobileText)) { | ||||
if (this.data.mobileText) { | if (this.data.mobileText) { | ||||
wx.showToast({ | wx.showToast({ | ||||
}) | }) | ||||
return; | return; | ||||
} | } | ||||
var parames = { | |||||
realName:this.data.realName, | |||||
mobile:this.data.mobileText, | |||||
captcha:this.data.verificationText, | |||||
province:this.data.provinceDataArr[0][this.data.provinceDataValue[0]], | |||||
city:this.data.provinceDataArr[1][this.data.provinceDataValue[1]], | |||||
agentDetail:this.data.storeArr[this.data.storeValue].agent_detail, | |||||
agentCode:this.data.storeArr[this.data.storeValue].agent_code | |||||
} | |||||
// console.log(parames); | |||||
// return; | |||||
if (this.data.httpState) { | if (this.data.httpState) { | ||||
return; | return; | ||||
} | } | ||||
this.data.httpState = true; | this.data.httpState = true; | ||||
app.wxRequest(app.globalData.urlRoot + "userInfo/getCertificationInfo", { mobile: this.data.mobileText, captcha: this.data.verificationText }, res => { | |||||
app.wxRequest(app.globalData.urlRoot + "userInfo/getCertificationInfoV2", parames, res => { | |||||
this.data.httpState = false; | this.data.httpState = false; | ||||
if (res.code == 200) { | if (res.code == 200) { | ||||
wx.setStorageSync('userMobile', this.data.mobileText); | wx.setStorageSync('userMobile', this.data.mobileText); |
</view> | </view> | ||||
<view class="inputFrame"> | <view class="inputFrame"> | ||||
<view class="inputGroup"> | <view class="inputGroup"> | ||||
<view class="mobileFirst">+86</view> | |||||
<image class="mobilepagedown" src="{{imgUrl+'/images/mobilepagedown.png'}}"></image> | |||||
<view class="inputText" style="position: relative;"> | |||||
<input class="inputText" bindinput="getMoblie" value="{{mobileText}}" placeholder="手机号" type="number" maxlength='11'></input> | |||||
<view class="mobileFirst">姓名</view> | |||||
<view class="inputLine" style="position: relative;"> | |||||
<input class="inputText" bindinput="getRealName" value="{{realName}}" placeholder="请输入您的姓名"></input> | |||||
</view> | |||||
</view> | |||||
<view class="inputGroup" style="margin-top:13rpx;"> | |||||
<view class="mobileFirst">电话</view> | |||||
<view class="inputLine" style="position: relative;"> | |||||
<input class="inputText" bindinput="getMoblie" value="{{mobileText}}" placeholder="请输入您的联系电话" type="number" maxlength='11'></input> | |||||
<button class="getMobileBtn" wx:if="{{getMobileBtnShow}}" open-type="getPhoneNumber" bindgetphonenumber="getPhone" style="width:100%;height:100%;min-height:0;margin:0;padding:0;"></button> | <button class="getMobileBtn" wx:if="{{getMobileBtnShow}}" open-type="getPhoneNumber" bindgetphonenumber="getPhone" style="width:100%;height:100%;min-height:0;margin:0;padding:0;"></button> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="inputGroup" style="justify-content: space-between;margin-top:30rpx;"> | |||||
<input class="inputText" bindinput="getCodeText" placeholder="短信验证码"></input> | |||||
<!-- <image src="{{imgUrl+'/newImages2/95.png'}}"></image> --> | |||||
<view class="codeSty" bindtap="getCode">{{verificationCode}}</view> | |||||
<view class="inputGroup" style="margin-top:13rpx;"> | |||||
<view class="mobileFirst">验证码</view> | |||||
<view class="inputLine" style="position: relative;"> | |||||
<view class="inputText" style="display:flex;align-items:center;justify-content: space-between;"> | |||||
<input class="inputText" style="width:300rpx;" bindinput="getCodeText" placeholder="请输入验证码"></input> | |||||
<view class="codeSty" bindtap="getCode">{{verificationCode}}</view> | |||||
</view> | |||||
</view> | |||||
</view> | |||||
<view class="inputGroup" style="margin-top:13rpx;"> | |||||
<view class="mobileFirst">地区</view> | |||||
<picker mode='multiSelector' range="{{provinceDataArr}}" value="{{provinceDataValue}}" bindcolumnchange="provinceDataChange" bindchange="provinceDataChane"> | |||||
<view class="inputLine" style="position: relative;"> | |||||
<view class="inputText" style="display:flex;align-items:center;justify-content: space-between;"> | |||||
<view class="inputText" style="width:450rpx;line-height:66rpx;">{{nowProvince}}</view> | |||||
<image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> | |||||
</view> | |||||
</view> | |||||
</picker> | |||||
</view> | |||||
<view class="inputGroup" style="margin-top:13rpx;"> | |||||
<view class="mobileFirst">关联专营店</view> | |||||
<picker mode='selector' range="{{storeArr}}" range-key="agent_detail" value="{{storeValue}}" bindchange="storeChane"> | |||||
<view class="inputLine" style="position: relative;"> | |||||
<view class="inputText" style="display:flex;align-items:center;justify-content: space-between;"> | |||||
<view class="inputText" style="width:450rpx;line-height:66rpx;">{{storeArr[storeValue].agent_detail}}</view> | |||||
<image src="{{imgUrl+'/images/selectIcon.png'}}" class="selectIcon"></image> | |||||
</view> | |||||
</view> | |||||
</picker> | |||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="agreementGroup"> | <view class="agreementGroup"> |
.titleGroup{ | .titleGroup{ | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding-left: 18rpx; | |||||
} | } | ||||
.goodsName{ | .goodsName{ | ||||
margin-left: 5rpx; | margin-left: 5rpx; | ||||
margin-top: 30rpx; | margin-top: 30rpx; | ||||
} | } | ||||
.mobileFirst{ | .mobileFirst{ | ||||
font-size:32rpx; | |||||
line-height: 32rpx; | |||||
font-family:NissanBrand; | |||||
font-weight:300; | |||||
color:rgba(30,27,28,1); | |||||
line-height: 24rpx; | |||||
font-size:24rpx; | |||||
font-family:PingFangSC; | |||||
font-weight:400; | |||||
color:rgba(35,24,21,1); | |||||
} | } | ||||
.inputGroup{ | .inputGroup{ | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
padding: 0 22rpx; | |||||
justify-content: space-between; | |||||
padding: 0 18rpx; | |||||
box-sizing: border-box; | box-sizing: border-box; | ||||
background-color: #F0EDF1; | |||||
border: 1rpx solid #DEDBDE; | |||||
height: 70rpx; | height: 70rpx; | ||||
border-radius: 20rpx; | |||||
border-radius: 15rpx; | |||||
} | } | ||||
.mobilepagedown{ | .mobilepagedown{ | ||||
width: 21rpx; | width: 21rpx; | ||||
margin-right: 55rpx; | margin-right: 55rpx; | ||||
} | } | ||||
.inputText{ | .inputText{ | ||||
width: 500rpx; | |||||
line-height: 26rpx; | |||||
font-size:26rpx; | |||||
width: 100%; | |||||
height: 66rpx; | |||||
line-height: 24rpx; | |||||
font-size:24rpx; | |||||
font-family:PingFangSC; | font-family:PingFangSC; | ||||
font-weight:400; | font-weight:400; | ||||
color:black; | color:black; | ||||
.newImages3-5{ | .newImages3-5{ | ||||
width: 240rpx; | width: 240rpx; | ||||
height: 24rpx; | height: 24rpx; | ||||
} | |||||
.inputLine{ | |||||
width:522rpx; | |||||
height:66rpx; | |||||
border: 1rpx solid #DEDBDE; | |||||
border-radius: 20rpx; | |||||
padding:0 20rpx; | |||||
box-sizing: border-box; | |||||
} | |||||
.selectIcon{ | |||||
width: 25rpx; | |||||
height: 15rpx; | |||||
} | } |
</view> | </view> | ||||
<view class="myCenterBotBgGroup" wx:if="{{selectNow<1 || selectNow>4}}"> | <view class="myCenterBotBgGroup" wx:if="{{selectNow<1 || selectNow>4}}"> | ||||
<image class="myCenterBotBg" src="{{imgUrl+'/images/myCenterBotBg.png'}}"></image> | <image class="myCenterBotBg" src="{{imgUrl+'/images/myCenterBotBg.png'}}"></image> | ||||
<image class="myCenterBotBtn" bindtap="lookOrder" src="{{imgUrl+'/newImages6/24.png'}}"></image> | |||||
<!-- <image class="myCenterBotBtn" bindtap="lookOrder" src="{{imgUrl+'/newImages6/24.png'}}"></image> --> | |||||
</view> | </view> | ||||
<view class="taskGroup" wx:if="{{selectNow==1}}"> | <view class="taskGroup" wx:if="{{selectNow==1}}"> | ||||
<view class="taskSelect" style="justify-content:center;"> | <view class="taskSelect" style="justify-content:center;"> |
let _saveQrCodeUrl = "" | let _saveQrCodeUrl = "" | ||||
//用户绘制头像的地址 | //用户绘制头像的地址 | ||||
let _saveUserHeadUrl = "" | let _saveUserHeadUrl = "" | ||||
let _totalDownloadTask = 10;//绘制需要下载的图片总数 | |||||
let _totalDownloadTask = 5;//绘制需要下载的图片总数 | |||||
let _currentSuccessDownloadTask = 0;//已完成下载的图片数 | let _currentSuccessDownloadTask = 0;//已完成下载的图片数 | ||||
let _saveImg = false; | let _saveImg = false; | ||||
Page({ | Page({ | ||||
qrCodeUrl:"",//二维码图片 | qrCodeUrl:"",//二维码图片 | ||||
userHead: app.globalData.userInfoData ? app.globalData.userInfoData.avatarUrl : null,//用户头像 | userHead: app.globalData.userInfoData ? app.globalData.userInfoData.avatarUrl : null,//用户头像 | ||||
userName:"", | userName:"", | ||||
rankNum: '0',//缓存数字 | |||||
// rankNum: '0',//缓存数字 | |||||
windowScale:0,//屏幕缩放比 | windowScale:0,//屏幕缩放比 | ||||
windowW: 0,//屏幕宽度 | windowW: 0,//屏幕宽度 | ||||
windowH: 0,//屏幕高度 | windowH: 0,//屏幕高度 | ||||
posterUrl:[false,false,false],//海报图片 | |||||
posterUrl:[false,false],//海报图片 | |||||
canvasShow: true,//是否渲染canvas | canvasShow: true,//是否渲染canvas | ||||
swiperCurrent: 0,//swiper选中的元素下标 | swiperCurrent: 0,//swiper选中的元素下标 | ||||
userInfoData: app.globalData.userInfoData, | userInfoData: app.globalData.userInfoData, | ||||
} | } | ||||
this.data.canvasContron = wx.createCanvasContext('myCanvas'); | this.data.canvasContron = wx.createCanvasContext('myCanvas'); | ||||
if (app.globalData.openid) { | if (app.globalData.openid) { | ||||
this.getCertificationCount(); | |||||
this.createQrcode(); | |||||
// this.getCertificationCount(); | |||||
} else { | } else { | ||||
app.globalData.openidSuccessFuc = this.getCertificationCount; | |||||
app.globalData.openidSuccessFuc = this.createQrcode; | |||||
} | } | ||||
}, | }, | ||||
cacheFun:function(){ | cacheFun:function(){ | ||||
this.data.windowScale = option.windowWidth / 750; | this.data.windowScale = option.windowWidth / 750; | ||||
this.data.windowW = option.windowWidth; | this.data.windowW = option.windowWidth; | ||||
this.data.windowH = option.windowHeight; | this.data.windowH = option.windowHeight; | ||||
for (let i = 0; i < 3; i++) { | |||||
for (let i = 0; i < 2; i++) { | |||||
wx.getImageInfo({//缓存海报背景 | wx.getImageInfo({//缓存海报背景 | ||||
src: this.data.imgUrl + '/newImages3/tempImg'+(i+1)+'.jpg?v=009', | |||||
src: this.data.imgUrl + '/newImages7/'+(i+16)+'.png?v=002', | |||||
success: res => { | success: res => { | ||||
this.data.posterBg[i] = res.path; | this.data.posterBg[i] = res.path; | ||||
_savePostBg[i] = res.path; | _savePostBg[i] = res.path; | ||||
// this.data.numBg = res.path; | // this.data.numBg = res.path; | ||||
// } | // } | ||||
// }) | // }) | ||||
wx.getImageInfo({//缓存数字背景1 | |||||
src: this.data.imgUrl + '/newImages4/5.png?v=004', | |||||
success: res => { | |||||
this.data.numBg[0] = res.path; | |||||
_currentSuccessDownloadTask++; | |||||
this.posterDrawing(this.data.swiperCurrent + 1); | |||||
} | |||||
}) | |||||
wx.getImageInfo({//缓存数字背景2 | |||||
src: this.data.imgUrl + '/newImages4/6.png?v=004', | |||||
success: res => { | |||||
this.data.numBg[1] = res.path; | |||||
_currentSuccessDownloadTask++; | |||||
this.posterDrawing(this.data.swiperCurrent + 1); | |||||
} | |||||
}) | |||||
wx.getImageInfo({//缓存数字背景3 | |||||
src: this.data.imgUrl + '/newImages4/4.png?v=004', | |||||
success: res => { | |||||
this.data.numBg[2] = res.path; | |||||
_currentSuccessDownloadTask++; | |||||
this.posterDrawing(this.data.swiperCurrent + 1); | |||||
} | |||||
}) | |||||
wx.getImageInfo({//缓存数字背景4 | |||||
src: this.data.imgUrl + '/newImages3/51.png?v=005', | |||||
success: res => { | |||||
this.data.numBg[3] = res.path; | |||||
_currentSuccessDownloadTask++; | |||||
this.posterDrawing(this.data.swiperCurrent + 1); | |||||
} | |||||
}) | |||||
// wx.getImageInfo({//缓存数字背景1 | |||||
// src: this.data.imgUrl + '/newImages4/5.png?v=004', | |||||
// success: res => { | |||||
// this.data.numBg[0] = res.path; | |||||
// _currentSuccessDownloadTask++; | |||||
// this.posterDrawing(this.data.swiperCurrent + 1); | |||||
// } | |||||
// }) | |||||
// wx.getImageInfo({//缓存数字背景2 | |||||
// src: this.data.imgUrl + '/newImages4/6.png?v=004', | |||||
// success: res => { | |||||
// this.data.numBg[1] = res.path; | |||||
// _currentSuccessDownloadTask++; | |||||
// this.posterDrawing(this.data.swiperCurrent + 1); | |||||
// } | |||||
// }) | |||||
// wx.getImageInfo({//缓存数字背景3 | |||||
// src: this.data.imgUrl + '/newImages4/4.png?v=004', | |||||
// success: res => { | |||||
// this.data.numBg[2] = res.path; | |||||
// _currentSuccessDownloadTask++; | |||||
// this.posterDrawing(this.data.swiperCurrent + 1); | |||||
// } | |||||
// }) | |||||
// wx.getImageInfo({//缓存数字背景4 | |||||
// src: this.data.imgUrl + '/newImages3/51.png?v=005', | |||||
// success: res => { | |||||
// this.data.numBg[3] = res.path; | |||||
// _currentSuccessDownloadTask++; | |||||
// this.posterDrawing(this.data.swiperCurrent + 1); | |||||
// } | |||||
// }) | |||||
wx.getImageInfo({//缓存海报底部图片 | wx.getImageInfo({//缓存海报底部图片 | ||||
src: this.data.imgUrl + "/newImages/posterBottom.png?v=002", | |||||
src: this.data.imgUrl + "/newImages7/15.png?v=002", | |||||
success: res => { | success: res => { | ||||
this.data.posterBottom = res.path; | this.data.posterBottom = res.path; | ||||
_currentSuccessDownloadTask++; | _currentSuccessDownloadTask++; | ||||
this.posterDrawing(this.data.swiperCurrent + 1); | this.posterDrawing(this.data.swiperCurrent + 1); | ||||
} | } | ||||
}) | }) | ||||
for (let i = 0; i < this.data.rankNum.length; i++) { | |||||
wx.getImageInfo({//缓存数字 | |||||
src: this.data.imgUrl + '/images/nums/' + this.data.rankNum[i] + '.png', | |||||
success: res => { | |||||
this.data.rankNum[i] = res.path; | |||||
_currentSuccessDownloadTask ++; | |||||
this.posterDrawing(this.data.swiperCurrent + 1); | |||||
} | |||||
}) | |||||
} | |||||
// for (let i = 0; i < this.data.rankNum.length; i++) { | |||||
// wx.getImageInfo({//缓存数字 | |||||
// src: this.data.imgUrl + '/images/nums/' + this.data.rankNum[i] + '.png', | |||||
// success: res => { | |||||
// this.data.rankNum[i] = res.path; | |||||
// _currentSuccessDownloadTask ++; | |||||
// this.posterDrawing(this.data.swiperCurrent + 1); | |||||
// } | |||||
// }) | |||||
// } | |||||
} | } | ||||
}) | }) | ||||
}, | }, | ||||
* 生命周期函数--监听页面显示 | * 生命周期函数--监听页面显示 | ||||
*/ | */ | ||||
onShow: function () { | onShow: function () { | ||||
_totalDownloadTask = 10; | |||||
_totalDownloadTask = 5; | |||||
_currentSuccessDownloadTask = 0; | _currentSuccessDownloadTask = 0; | ||||
_saveImg = false; | _saveImg = false; | ||||
}, | }, | ||||
onShareAppMessage: function () { | onShareAppMessage: function () { | ||||
return { | return { | ||||
title: '您有一份启辰星专属礼品待领取', | title: '您有一份启辰星专属礼品待领取', | ||||
imageUrl: this.data.imgUrl + "/newImages3/28_" + (this.data.swiperCurrent+1)+".png?v=004", | |||||
// imageUrl: this.data.imgUrl + "/newImages3/28_" + (this.data.swiperCurrent+1)+".png?v=004", | |||||
imageUrl: this.data.imgUrl + "/newImages7/1.png", | |||||
path: "/pages/coupon/coupon?scene=" + app.globalData.openid | path: "/pages/coupon/coupon?scene=" + app.globalData.openid | ||||
} | } | ||||
}, | }, | ||||
var ctx = this.data.canvasContron;//canvas对象 | var ctx = this.data.canvasContron;//canvas对象 | ||||
var scale = this.data.windowScale;//屏幕缩放比 | var scale = this.data.windowScale;//屏幕缩放比 | ||||
//背景 | //背景 | ||||
ctx.drawImage(this.data.posterBg[e-1], 0, 0, scale * 750, scale * 1380);// | |||||
ctx.drawImage(this.data.posterBg[e-1], 0, 0, scale * 750, scale * 1335);// | |||||
ctx.setFillStyle("#FFFFFF"); | ctx.setFillStyle("#FFFFFF"); | ||||
ctx.save(); | ctx.save(); | ||||
ctx.beginPath(); //开始绘制 | ctx.beginPath(); //开始绘制 | ||||
//先画个圆 前两个参数确定了圆心 (x,y) 坐标 第三个参数是圆的半径 四参数是绘图方向 默认是false,即顺时针 | //先画个圆 前两个参数确定了圆心 (x,y) 坐标 第三个参数是圆的半径 四参数是绘图方向 默认是false,即顺时针 | ||||
ctx.arc(scale * 80 / 2 + scale * 84, scale * 80 / 2 + scale * 908, scale * 80 / 2, 0, Math.PI * 2, false); | |||||
ctx.arc(scale * 50 / 2 + scale * 121, scale * 50 / 2 + scale * 62, scale * 50 / 2, 0, Math.PI * 2, false); | |||||
ctx.clip(); //剪切 | ctx.clip(); //剪切 | ||||
console.log(this.data.userHead) | console.log(this.data.userHead) | ||||
ctx.drawImage(this.data.userHead, scale * 84, scale * 908, scale * 80, scale * 80); //头像 | |||||
ctx.drawImage(this.data.userHead, scale * 121, scale * 62, scale * 50, scale * 50); //头像 | |||||
ctx.restore(); //恢复之前保存的绘图上下文 | ctx.restore(); //恢复之前保存的绘图上下文 | ||||
//名称 | //名称 | ||||
ctx.setFontSize(scale * 40); | |||||
ctx.setFontSize(scale * 22); | |||||
ctx.setFillStyle('#FFFFFF'); | ctx.setFillStyle('#FFFFFF'); | ||||
ctx.setTextAlign('left'); | ctx.setTextAlign('left'); | ||||
ctx.fillText(app.globalData.userInfoData ? app.globalData.userInfoData.nickName : "", scale * 174, scale *960); | |||||
ctx.fillText(app.globalData.userInfoData ? ("@"+app.globalData.userInfoData.nickName+"送你——") : "", scale * 179, scale *93); | |||||
//我是第XXX星探 | //我是第XXX星探 | ||||
// ctx.drawImage(this.data.numBg, scale * 86, scale * 1010, scale * 563, scale * 124); | // ctx.drawImage(this.data.numBg, scale * 86, scale * 1010, scale * 563, scale * 124); | ||||
ctx.drawImage(this.data.numBg[0], scale * 86, scale * 1016, scale * 169, scale * 56); | |||||
ctx.drawImage(this.data.numBg[1], scale * (303+this.data.rankNum.length*58), scale * 1016, scale * 111, scale * 55); | |||||
ctx.drawImage(this.data.numBg[2], scale * 86, scale * 1098, scale * 307, scale * 33); | |||||
//排名数字 | |||||
for(let i=0;i<this.data.rankNum.length;i++){ | |||||
ctx.drawImage(this.data.numBg[3], scale * (283+i*58), scale * 1010, scale * 58, scale * 77); | |||||
ctx.drawImage(this.data.rankNum[i], scale * (285+i*59), scale * 1012, scale * 52, scale * 70); | |||||
} | |||||
// ctx.drawImage(this.data.numBg[0], scale * 86, scale * 1016, scale * 169, scale * 56); | |||||
// ctx.drawImage(this.data.numBg[1], scale * (303+this.data.rankNum.length*58), scale * 1016, scale * 111, scale * 55); | |||||
// ctx.drawImage(this.data.numBg[2], scale * 86, scale * 1098, scale * 307, scale * 33); | |||||
// //排名数字 | |||||
// for(let i=0;i<this.data.rankNum.length;i++){ | |||||
// ctx.drawImage(this.data.numBg[3], scale * (283+i*58), scale * 1010, scale * 58, scale * 77); | |||||
// ctx.drawImage(this.data.rankNum[i], scale * (285+i*59), scale * 1012, scale * 52, scale * 70); | |||||
// } | |||||
//二维码 | //二维码 | ||||
ctx.drawImage(this.data.posterBottom, 0, scale * 1213, scale * 750, scale * 167); | |||||
ctx.drawImage(this.data.qrCodeUrl, scale * 566, scale * 1220, scale * 140, scale * 140); | |||||
ctx.drawImage(this.data.posterBottom, 0, scale * 1163, scale * 750, scale * 170); | |||||
ctx.drawImage(this.data.qrCodeUrl, scale * 579, scale * 1186, scale * 140, scale * 140); | |||||
//绘制 | //绘制 | ||||
ctx.draw(false, setTimeout(() => { | ctx.draw(false, setTimeout(() => { | ||||
wx.canvasToTempFilePath({ | wx.canvasToTempFilePath({ | ||||
width:scale*750, | width:scale*750, | ||||
height: scale * 1380, | |||||
height: scale * 1335, | |||||
canvasId: 'myCanvas', | canvasId: 'myCanvas', | ||||
success: res => { | success: res => { | ||||
this.data.posterUrl[this.data.swiperCurrent] = res.tempFilePath; | this.data.posterUrl[this.data.swiperCurrent] = res.tempFilePath; | ||||
}, | }, | ||||
getCertificationCount: function () {//获取星探计划人数 | getCertificationCount: function () {//获取星探计划人数 | ||||
app.wxRequest(app.globalData.urlRoot +"certificationInfo/getCertificationNum",{},res=>{ | app.wxRequest(app.globalData.urlRoot +"certificationInfo/getCertificationNum",{},res=>{ | ||||
this.createQrcode(); | |||||
if(res.code==200){ | if(res.code==200){ | ||||
if(res.data){ | if(res.data){ | ||||
if (res.data.certificationNum){ | if (res.data.certificationNum){ |
<view class="swiperFrame"> | <view class="swiperFrame"> | ||||
<swiper class="swiperSty" current="{{swiperCurrent}}" bindchange="swiperChange" previous-margin="130rpx" next-margin="130rpx"> | <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="{{posterUrl}}" wx:key="index"> --> | ||||
<swiper-item wx:for="{{3}}" wx:key="index"> | |||||
<swiper-item wx:for="{{2}}" wx:key="index"> | |||||
<view class="selectTempFrame {{index==swiperCurrent?'selectTempFrameBorder':''}}"> | <view class="selectTempFrame {{index==swiperCurrent?'selectTempFrameBorder':''}}"> | ||||
<view class="imgGroup"> | <view class="imgGroup"> | ||||
<image style="width:100%;height:100%;" src="{{imgUrl+'/newImages3/tempImg'+(index+1)+'.jpg?v=007'}}"></image> | |||||
<!-- <image style="width:100%;height:100%;" src="{{imgUrl+'/newImages3/tempImg'+(index+1)+'.jpg?v=007'}}"></image> --> | |||||
<image style="width:100%;" mode="widthFix" src="{{imgUrl+'/newImages7/'+(index+1+15)+'.png?v=002'}}"></image> | |||||
<view class="userMsg"> | <view class="userMsg"> | ||||
<image class="userHead" src="{{userHead}}"></image> | <image class="userHead" src="{{userHead}}"></image> | ||||
<!-- <image class="userHead" src="{{imgUrl+'/images/posterChoose.png'}}"></image> --> | <!-- <image class="userHead" src="{{imgUrl+'/images/posterChoose.png'}}"></image> --> | ||||
<view class="userNickName">{{userName}}</view> | |||||
<view class="userNickName">{{"@"+userName+"送你——"}}</view> | |||||
</view> | </view> | ||||
<view class="userNumber"> | |||||
<!-- <view class="userNumber"> | |||||
<image class="posterNum" style="display:none;" src="{{imgUrl+'/images/posterNum.png'}}"></image> | <image class="posterNum" style="display:none;" src="{{imgUrl+'/images/posterNum.png'}}"></image> | ||||
<image class="posterNum1" src="{{imgUrl+'/newImages4/5.png'}}"></image> | <image class="posterNum1" src="{{imgUrl+'/newImages4/5.png'}}"></image> | ||||
<image class="posterNum2" style="left:{{105+(rankNum.length*40)}}rpx" src="{{imgUrl+'/newImages4/6.png'}}"></image> | <image class="posterNum2" style="left:{{105+(rankNum.length*40)}}rpx" src="{{imgUrl+'/newImages4/6.png'}}"></image> | ||||
<image class="newImages3-51" style="left:{{100+40*index}}rpx" wx:for="{{rankNum}}" wx:key="index" src="{{imgUrl+'/newImages3/51.png?v=002'}}"></image> | <image class="newImages3-51" style="left:{{100+40*index}}rpx" wx:for="{{rankNum}}" wx:key="index" src="{{imgUrl+'/newImages3/51.png?v=002'}}"></image> | ||||
<image class="numberNum" style="left:{{103+40*index}}rpx" wx:for="{{rankNum}}" wx:key="index" src="{{imgUrl+'/images/nums/'+rankNum[index]+'.png'}}"></image> | <image class="numberNum" style="left:{{103+40*index}}rpx" wx:for="{{rankNum}}" wx:key="index" src="{{imgUrl+'/images/nums/'+rankNum[index]+'.png'}}"></image> | ||||
</view> | </view> | ||||
</view> | |||||
<image class="posterBottom" mode="widthFix" src="{{imgUrl + '/newImages/posterBottom.png?v=002'}}"></image> | |||||
</view> --> | |||||
<image class="posterBottom" mode="widthFix" src="{{imgUrl + '/newImages7/15.png'}}"></image> | |||||
<image class="userQrCode" src="{{qrCodeUrl}}"></image> | <image class="userQrCode" src="{{qrCodeUrl}}"></image> | ||||
</view> | </view> | ||||
<image wx:if="{{index==swiperCurrent}}" class="posterChoose" src="{{imgUrl+'/images/posterChoose.png'}}"></image> | <image wx:if="{{index==swiperCurrent}}" class="posterChoose" src="{{imgUrl+'/images/posterChoose.png'}}"></image> | ||||
<view wx:if="{{selectType==2}}"> | <view wx:if="{{selectType==2}}"> | ||||
<view class="shareGroup"> | <view class="shareGroup"> | ||||
<image class="newImages19" src="{{imgUrl+'/newImages/19.png'}}"></image> | <image class="newImages19" src="{{imgUrl+'/newImages/19.png'}}"></image> | ||||
<image class="posterShareImg" src="{{imgUrl+'/newImages3/28_' + (swiperCurrent+1)+'.png?v=005'}}"></image> | |||||
<!-- <image class="posterShareImg" src="{{imgUrl+'/newImages3/28_' + (swiperCurrent+1)+'.png?v=005'}}"></image> --> | |||||
<image class="posterShareImg" style="width:418rpx;height:336rpx;" src="{{imgUrl+'/newImages7/1.png'}}"></image> | |||||
</view> | </view> | ||||
<view class="newImages20"> | <view class="newImages20"> | ||||
<image class="newImages3-10" src="{{imgUrl+'/newImages3/10.png'}}"></image> | <image class="newImages3-10" src="{{imgUrl+'/newImages3/10.png'}}"></image> |
} | } | ||||
.selectTempFrame{ | .selectTempFrame{ | ||||
width:443rpx; | width:443rpx; | ||||
height:817rpx; | |||||
height:770rpx; | |||||
position: relative; | position: relative; | ||||
margin: 0 auto; | margin: 0 auto; | ||||
margin-top: 60rpx; | margin-top: 60rpx; | ||||
} | } | ||||
.userMsg{ | .userMsg{ | ||||
position: absolute; | position: absolute; | ||||
left: 50rpx; | |||||
top: 538rpx; | |||||
left: 69rpx; | |||||
top: 25rpx; | |||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
} | } | ||||
.userHead{ | .userHead{ | ||||
width: 48rpx; | |||||
height: 48rpx; | |||||
width: 35rpx; | |||||
height: 35rpx; | |||||
border-radius: 50%; | border-radius: 50%; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.userNickName{ | .userNickName{ | ||||
padding-top: 10rpx; | |||||
margin-left: 6rpx; | margin-left: 6rpx; | ||||
line-height: 28rpx; | line-height: 28rpx; | ||||
font-size:28rpx; | |||||
font-size:14rpx; | |||||
font-family:NissanBrand; | font-family:NissanBrand; | ||||
font-weight:400; | font-weight:400; | ||||
color:rgba(255,255,255,1); | color:rgba(255,255,255,1); | ||||
} | } | ||||
.userQrCode{ | .userQrCode{ | ||||
position: absolute; | position: absolute; | ||||
right: 22rpx; | |||||
right: 16rpx; | |||||
bottom: 10rpx; | bottom: 10rpx; | ||||
width: 80rpx; | |||||
height: 80rpx; | |||||
width: 75rpx; | |||||
height: 75rpx; | |||||
} | } | ||||
.userNumber{ | .userNumber{ | ||||
position: absolute; | position: absolute; |
<view class="showView"> | <view class="showView"> | ||||
<view class="content"> | <view class="content"> | ||||
<image class="bg" src="{{imgUrl+'/newImages/scoutbg.jpg?v=004'}}"></image> | <image class="bg" src="{{imgUrl+'/newImages/scoutbg.jpg?v=004'}}"></image> | ||||
<image class="reward" wx:if="{{maskid<4}}" src="{{imgUrl+'/newImages2/6.png?v=003'}}"></image> | |||||
<image class="reward" wx:if="{{maskid<4}}" style="width:602rpx;height:507rpx;" src="{{imgUrl+'/newImages7/3.png?v=003'}}"></image> | |||||
<image class="reward" wx:if="{{maskid>3}}" src="{{imgUrl+'/newImages2/7.png?v=002'}}"></image> | <image class="reward" wx:if="{{maskid>3}}" src="{{imgUrl+'/newImages2/7.png?v=002'}}"></image> | ||||
<view style="position:relative;"> | <view style="position:relative;"> | ||||
<image class="scoutbtn1" bindtap="getPoster" src="{{imgUrl+'/newImages3/7.png'}}"></image> | <image class="scoutbtn1" bindtap="getPoster" src="{{imgUrl+'/newImages3/7.png'}}"></image> |
stopNumber: 0,//结束人数 | stopNumber: 0,//结束人数 | ||||
numList: [], | numList: [], | ||||
isbtn: true,//防重复点击 | isbtn: true,//防重复点击 | ||||
selectGroup:[false,false,false] | |||||
}, | }, | ||||
/** | /** | ||||
* 显示规则页 | * 显示规则页 | ||||
*/ | */ | ||||
onShareAppMessage: function () { | onShareAppMessage: function () { | ||||
return app.sharePack(); | return app.sharePack(); | ||||
}, | |||||
cutSelect:function(e){ | |||||
var index = e.currentTarget.dataset.type; | |||||
this.data.selectGroup[index] = !this.data.selectGroup[index]; | |||||
this.setData({ | |||||
selectGroup:this.data.selectGroup | |||||
}) | |||||
} | } | ||||
}) | }) |
<view id="star" class="showView"> | <view id="star" class="showView"> | ||||
<view class="home"> | <view class="home"> | ||||
<view class="bgGroup"> | <view class="bgGroup"> | ||||
<image class="bg" src="{{imgUrl+'/newImages4/31.png'}}"></image> | |||||
<image class="bg" src="{{imgUrl+'/newImages7/13.png'}}"></image> | |||||
<image class="selectImg1" wx:if="{{!selectGroup[0]}}" bindtap="cutSelect" data-type="0" src="{{imgUrl+'/newImages7/7.png'}}"></image> | |||||
<image class="selectImg1_1" wx:if="{{selectGroup[0]}}" bindtap="cutSelect" data-type="0" src="{{imgUrl+'/newImages7/10.png'}}"></image> | |||||
<image class="selectImg2" wx:if="{{!selectGroup[1]}}" bindtap="cutSelect" data-type="1" src="{{imgUrl+'/newImages7/8.png'}}"></image> | |||||
<image class="selectImg2_1" wx:if="{{selectGroup[1]}}" bindtap="cutSelect" data-type="1" src="{{imgUrl+'/newImages7/11.png'}}"></image> | |||||
<image class="selectImg3" wx:if="{{!selectGroup[2]}}" bindtap="cutSelect" data-type="2" src="{{imgUrl+'/newImages7/9.png'}}"></image> | |||||
<image class="selectImg3_1" wx:if="{{selectGroup[2]}}" bindtap="cutSelect" data-type="2" src="{{imgUrl+'/newImages7/12.png'}}"></image> | |||||
<image class="selectImg4" src="{{imgUrl+'/newImages7/14.png'}}"></image> | |||||
<image class="starBtn" bindtap="scout" src="{{imgUrl+'/newImages2/4.png'}}"></image> | <image class="starBtn" bindtap="scout" src="{{imgUrl+'/newImages2/4.png'}}"></image> | ||||
</view> | </view> | ||||
<image class="logo1" src="{{imgUrl+'/star/logo1.png'}}"></image> | <image class="logo1" src="{{imgUrl+'/star/logo1.png'}}"></image> |
.bg { | .bg { | ||||
width: 750rpx; | width: 750rpx; | ||||
height: 6833rpx; | |||||
height: 3155rpx; | |||||
} | } | ||||
.home>.logo1 { | .home>.logo1 { | ||||
.bgGroup{ | .bgGroup{ | ||||
position: relative; | position: relative; | ||||
width: 750rpx; | width: 750rpx; | ||||
height: 6833rpx; | |||||
/* height: 3756rpx; */ | |||||
} | } | ||||
.newImages2-4{ | .newImages2-4{ | ||||
position: absolute; | position: absolute; | ||||
bottom: 25rpx; | bottom: 25rpx; | ||||
width: 733rpx; | width: 733rpx; | ||||
height: 70rpx; | height: 70rpx; | ||||
} | |||||
.selectImg1,.selectImg2,.selectImg3{ | |||||
width: 750rpx; | |||||
} | |||||
.selectImg1{ | |||||
height: 124rpx; | |||||
} | |||||
.selectImg2{ | |||||
height: 121rpx; | |||||
} | |||||
.selectImg3{ | |||||
height: 123rpx; | |||||
} | |||||
.selectImg4{ | |||||
width: 750rpx; | |||||
height: 230rpx; | |||||
} | |||||
.selectImg1_1{ | |||||
width: 750rpx; | |||||
height: 1085rpx; | |||||
} | |||||
.selectImg2_1{ | |||||
width: 750rpx; | |||||
height: 1568rpx; | |||||
} | |||||
.selectImg3_1{ | |||||
width: 750rpx; | |||||
height: 568rpx; | |||||
} | } |
storeArr: [],//专营店数据 | storeArr: [],//专营店数据 | ||||
storeValue: 0,//选中的专营店下标 | storeValue: 0,//选中的专营店下标 | ||||
realname: "", | realname: "", | ||||
jobDetail: "", | |||||
// jobDetail: "", | |||||
httpState: false, | httpState: false, | ||||
}, | }, | ||||
getRealname: function (e) {//获取用户输入的姓名 | getRealname: function (e) {//获取用户输入的姓名 | ||||
this.data.realname = e.detail.value; | this.data.realname = e.detail.value; | ||||
}, | }, | ||||
getJobDetail: function (e) {//获取用户输入的姓名 | |||||
this.data.jobDetail = e.detail.value; | |||||
}, | |||||
// getJobDetail: function (e) {//获取用户输入的姓名 | |||||
// this.data.jobDetail = e.detail.value; | |||||
// }, | |||||
submitMsg: function () { | submitMsg: function () { | ||||
if (!this.data.realname) { | if (!this.data.realname) { | ||||
wx.showToast({ | wx.showToast({ | ||||
}) | }) | ||||
return; | return; | ||||
} | } | ||||
if (!this.data.jobDetail) { | |||||
wx.showToast({ | |||||
title: '请输入职业', | |||||
icon: 'none' | |||||
}) | |||||
return; | |||||
} | |||||
// if (!this.data.jobDetail) { | |||||
// wx.showToast({ | |||||
// title: '请输入职业', | |||||
// icon: 'none' | |||||
// }) | |||||
// return; | |||||
// } | |||||
if (!this.data.isAgreement) { | if (!this.data.isAgreement) { | ||||
wx.showToast({ | wx.showToast({ | ||||
title: '请同意协议', | title: '请同意协议', | ||||
var data = { | var data = { | ||||
realName: this.data.realname, | realName: this.data.realname, | ||||
// jobId: this.data.jobList[this.data.jobValue].jobId, | // jobId: this.data.jobList[this.data.jobValue].jobId, | ||||
jobDetail: this.data.jobDetail, | |||||
// jobDetail: this.data.jobDetail, | |||||
agentDetail: this.data.storeArr[this.data.storeValue]['agent_detail'], | agentDetail: this.data.storeArr[this.data.storeValue]['agent_detail'], | ||||
agentCode: this.data.storeArr[this.data.storeValue]['agent_code'], | agentCode: this.data.storeArr[this.data.storeValue]['agent_code'], | ||||
city: this.data.provinceDataArr[1][this.data.provinceDataValue[1]], | city: this.data.provinceDataArr[1][this.data.provinceDataValue[1]], | ||||
app.globalData.authenticationStatus = {}; | app.globalData.authenticationStatus = {}; | ||||
} | } | ||||
app.globalData.authenticationStatus.realName = this.data.realname | app.globalData.authenticationStatus.realName = this.data.realname | ||||
app.globalData.authenticationStatus.jobDetail = this.data.storeArr[this.data.storeValue]['agent_detail'] | |||||
// app.globalData.authenticationStatus.jobDetail = this.data.storeArr[this.data.storeValue]['agent_detail'] | |||||
app.globalData.authenticationStatus.city = data.city | app.globalData.authenticationStatus.city = data.city | ||||
app.globalData.authenticationStatus.agentDetail = data.agentDetail | app.globalData.authenticationStatus.agentDetail = data.agentDetail | ||||
// wx.navigateBack({ | // wx.navigateBack({ |
</view> | </view> | ||||
</picker> | </picker> | ||||
</view> | </view> | ||||
<view class="inputGroup"> | |||||
<!-- <view class="inputGroup"> | |||||
<view class="inputTitle">职业</view> | <view class="inputTitle">职业</view> | ||||
<input class="inputSty" bindinput="getJobDetail" maxlength='20' value="{{jobDetail}}" placeholder="请输入职业"></input> | <input class="inputSty" bindinput="getJobDetail" maxlength='20' value="{{jobDetail}}" placeholder="请输入职业"></input> | ||||
</view> | |||||
</view> --> | |||||
<!-- <view class="inputGroup"> | <!-- <view class="inputGroup"> | ||||
<view class="inputTitle">职业</view> | <view class="inputTitle">职业</view> | ||||
<picker mode='selector' range="{{jobList}}" range-key="jobDetail" bindchange="jobChange" value="{{jobValue}}"> | <picker mode='selector' range="{{jobList}}" range-key="jobDetail" bindchange="jobChange" value="{{jobValue}}"> |
<!--pages/yuyue/yuyue.wxml--> | <!--pages/yuyue/yuyue.wxml--> | ||||
<view class="all"> | <view class="all"> | ||||
<view class="main"> | <view class="main"> | ||||
<view class="titleText">预约鉴赏</view> | |||||
<view class="titleText">预约试驾</view> | |||||
<view class="lineSty"></view> | <view class="lineSty"></view> | ||||
<image class="closeXieyi" bindtap="closeXieyi" src="{{imgUrl+'/images/closeXieyi.png'}}"></image> | <image class="closeXieyi" bindtap="closeXieyi" src="{{imgUrl+'/images/closeXieyi.png'}}"></image> | ||||
<image class="yuyueTop" src="{{imgUrl+'/newImages6/47.png'}}"></image> | <image class="yuyueTop" src="{{imgUrl+'/newImages6/47.png'}}"></image> |
"ignore": [] | "ignore": [] | ||||
}, | }, | ||||
"setting": { | "setting": { | ||||
"urlCheck": true, | |||||
"urlCheck": false, | |||||
"es6": true, | "es6": true, | ||||
"postcss": true, | "postcss": true, | ||||
"minified": true, | "minified": true, |