=chenming 5 years ago
parent
commit
257012b0f8
6 changed files with 143 additions and 74 deletions
  1. +45
    -0
      496_dongfengqichen/pages/index/index.js
  2. +10
    -5
      496_dongfengqichen/pages/index/index.wxml
  3. +55
    -28
      496_dongfengqichen/pages/index/index.wxss
  4. +5
    -5
      496_dongfengqichen/pages/luckyStar/luckyStar.wxml
  5. +2
    -3
      496_dongfengqichen/pages/prizes/prizes.wxml
  6. +26
    -33
      496_dongfengqichen/pages/prizes/prizes.wxss

+ 45
- 0
496_dongfengqichen/pages/index/index.js View File

placing:false, placing:false,
buyState:false, buyState:false,
isStartAdvertisingFunState:false, isStartAdvertisingFunState:false,
playBtnDeg:0,
videoShow:false,
swiperGroup:{ swiperGroup:{
one:{ one:{
nums:4, nums:4,
} }
} }
}, },
onPageScroll: function (ev) {
console.log(ev);
},
onLoad: function (options) { onLoad: function (options) {
if (app.globalData.isFirstLogin){ if (app.globalData.isFirstLogin){
console.log("第一次进入"); console.log("第一次进入");
subscribeData: this.data.subscribeData subscribeData: this.data.subscribeData
}) })
} }
if (app.globalData.isFirstLogin) {
this.getHomeVideo();//获取视频
} else {
if (app.globalData.indexData.videoList) {
this.setData({
videoList: app.globalData.indexData.videoList
})
} else {
this.getHomeVideo();//获取视频
}
}
this.setData({ this.setData({
mainShow: true, mainShow: true,
isStartAdvertisingShow: this.data.isOnce ? true : app.globalData.isFirstLogin, isStartAdvertisingShow: this.data.isOnce ? true : app.globalData.isFirstLogin,
this.setData({ this.setData({
swiperGroup: this.data.swiperGroup swiperGroup: this.data.swiperGroup
}) })
},
playVideo:function(){
var animation = wx.createAnimation({
duration: 300
});
animation.rotate(360).step();
this.setData({
playBtnDeg: animation.export()
})
setTimeout(()=>{
this.setData({
videoShow:true
})
var videoContext = wx.createVideoContext("myVideo");
videoContext.requestFullScreen({ direction:0});
videoContext.play();

animation.rotate(0).step();
this.setData({
playBtnDeg: animation.export()
})
},300);
},
closeFull:function(e){
if (!e.detail.fullScreen) {
this.setData({
videoShow: false
})
}
} }
}) })

+ 10
- 5
496_dongfengqichen/pages/index/index.wxml View File

<view class="all" wx:if="{{mainShow}}"> <view class="all" wx:if="{{mainShow}}">
<view class="main" wx:if="{{isStartAdvertising==0 || !isStartAdvertisingShow}}"> <view class="main" wx:if="{{isStartAdvertising==0 || !isStartAdvertisingShow}}">
<view class="contentFrame"> <view class="contentFrame">
<image class="newImages2-76" src="{{imgUrl+'/newImages2/76.jpg?v=003'}}"></image>
<image class="newImages2-76" src="{{imgUrl+'/newImages2/109.png?v=004'}}"></image>
<view class="videoGroup" bindtap="playVideo">
<image class="newImages2-108" animation="{{playBtnDeg}}" src="{{imgUrl+'/newImages2/108.png?v=005'}}"></image>
<image class="newImages2-110" src="{{imgUrl+'/newImages2/110.png?v=004'}}"></image>
<video id="myVideo" class="myVideo" wx:if="{{videoShow}}" bindfullscreenchange="closeFull" src="{{videoList['videoUrl']}}"></video>
</view>
<image class="newImages2-11" wx:if="{{buyState}}" bindtap="placingControl" src="{{imgUrl+'/newImages2/97.png'}}"></image> <image class="newImages2-11" wx:if="{{buyState}}" bindtap="placingControl" src="{{imgUrl+'/newImages2/97.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>
<view class="dotGroup1"> <view class="dotGroup1">
<image class="{{swiperGroup.one.current!=index?'newImages2-80':'newImages2-81'}}" wx:for="{{swiperGroup.one.nums}}" wx:key="index" src="{{imgUrl+'/newImages2/'+(swiperGroup.one.current!=index?'80':'81')+'.png'}}"></image> <image class="{{swiperGroup.one.current!=index?'newImages2-80':'newImages2-81'}}" wx:for="{{swiperGroup.one.nums}}" wx:key="index" src="{{imgUrl+'/newImages2/'+(swiperGroup.one.current!=index?'80':'81')+'.png'}}"></image>
</view> </view>
<image class="testText" src="{{imgUrl+'/newImages2/testImg/1/'+(swiperGroup.one.current+1)+'_2.png?v=001'}}"></image>
<image class="testText" src="{{imgUrl+'/newImages2/testImg/1/'+(swiperGroup.one.current+1)+'_2.png?v=003'}}"></image>
<swiper class="swiper2" bindchange="swiperChange" data-num="2" current="{{swiperGroup.two.current}}"> <swiper class="swiper2" bindchange="swiperChange" data-num="2" current="{{swiperGroup.two.current}}">
<swiper-item wx:for="{{swiperGroup.two.nums}}" wx:key="index"> <swiper-item wx:for="{{swiperGroup.two.nums}}" wx:key="index">
<image style="width:100%;height:100%;" src="{{imgUrl+'/newImages2/testImg/2/'+(index+1)+'_1.png'}}"></image> <image style="width:100%;height:100%;" src="{{imgUrl+'/newImages2/testImg/2/'+(index+1)+'_1.png'}}"></image>
<view class="dotGroup2"> <view class="dotGroup2">
<image class="{{swiperGroup.two.current!=index?'newImages2-80':'newImages2-81'}}" wx:for="{{swiperGroup.two.nums}}" wx:key="index" src="{{imgUrl+'/newImages2/'+(swiperGroup.two.current!=index?'80':'81')+'.png'}}"></image> <image class="{{swiperGroup.two.current!=index?'newImages2-80':'newImages2-81'}}" wx:for="{{swiperGroup.two.nums}}" wx:key="index" src="{{imgUrl+'/newImages2/'+(swiperGroup.two.current!=index?'80':'81')+'.png'}}"></image>
</view> </view>
<image class="testText2" src="{{imgUrl+'/newImages2/testImg/2/'+(swiperGroup.two.current+1)+'_2.png'}}"></image>
<image class="testText2" src="{{imgUrl+'/newImages2/testImg/2/'+(swiperGroup.two.current+1)+'_2.png?v=003'}}"></image>
<swiper class="swiper3" bindchange="swiperChange" data-num="3" current="{{swiperGroup.three.current}}"> <swiper class="swiper3" bindchange="swiperChange" data-num="3" current="{{swiperGroup.three.current}}">
<swiper-item wx:for="{{swiperGroup.three.nums}}" wx:key="index"> <swiper-item wx:for="{{swiperGroup.three.nums}}" wx:key="index">
<image style="width:100%;height:100%;" src="{{imgUrl+'/newImages2/testImg/3/'+(index+1)+'_1.png'}}"></image> <image style="width:100%;height:100%;" src="{{imgUrl+'/newImages2/testImg/3/'+(index+1)+'_1.png'}}"></image>
<view class="dotGroup3"> <view class="dotGroup3">
<image class="{{swiperGroup.three.current!=index?'newImages2-80':'newImages2-81'}}" wx:for="{{swiperGroup.three.nums}}" wx:key="index" src="{{imgUrl+'/newImages2/'+(swiperGroup.three.current!=index?'80':'81')+'.png'}}"></image> <image class="{{swiperGroup.three.current!=index?'newImages2-80':'newImages2-81'}}" wx:for="{{swiperGroup.three.nums}}" wx:key="index" src="{{imgUrl+'/newImages2/'+(swiperGroup.three.current!=index?'80':'81')+'.png'}}"></image>
</view> </view>
<image class="testText3" src="{{imgUrl+'/newImages2/testImg/3/'+(swiperGroup.three.current+1)+'_2.png'}}"></image>
<image class="testText3" src="{{imgUrl+'/newImages2/testImg/3/'+(swiperGroup.three.current+1)+'_2.png?v=002'}}"></image>
<swiper class="swiper4" bindchange="swiperChange" data-num="4" current="{{swiperGroup.four.current}}"> <swiper class="swiper4" bindchange="swiperChange" data-num="4" current="{{swiperGroup.four.current}}">
<swiper-item wx:for="{{swiperGroup.four.nums}}" wx:key="index"> <swiper-item wx:for="{{swiperGroup.four.nums}}" wx:key="index">
<image style="width:100%;height:100%;" src="{{imgUrl+'/newImages2/testImg/4/'+(index+1)+'_1.png'}}"></image> <image style="width:100%;height:100%;" src="{{imgUrl+'/newImages2/testImg/4/'+(index+1)+'_1.png'}}"></image>
<view class="dotGroup4"> <view class="dotGroup4">
<image class="{{swiperGroup.four.current!=index?'newImages2-80':'newImages2-81'}}" wx:for="{{swiperGroup.four.nums}}" wx:key="index" src="{{imgUrl+'/newImages2/'+(swiperGroup.four.current!=index?'80':'81')+'.png'}}"></image> <image class="{{swiperGroup.four.current!=index?'newImages2-80':'newImages2-81'}}" wx:for="{{swiperGroup.four.nums}}" wx:key="index" src="{{imgUrl+'/newImages2/'+(swiperGroup.four.current!=index?'80':'81')+'.png'}}"></image>
</view> </view>
<image class="testText4" src="{{imgUrl+'/newImages2/testImg/4/'+(swiperGroup.four.current+1)+'_2.png'}}"></image>
<image class="testText4" src="{{imgUrl+'/newImages2/testImg/4/'+(swiperGroup.four.current+1)+'_2.png?v=002'}}"></image>
<view class="lookMoreCar"> <view class="lookMoreCar">
<image class="newImages2-14" bindtap="lookMore" src="{{imgUrl+'/newImages2/100.png'}}"></image> <image class="newImages2-14" bindtap="lookMore" src="{{imgUrl+'/newImages2/100.png'}}"></image>
</view> </view>

+ 55
- 28
496_dongfengqichen/pages/index/index.wxss View File

} }
.newImages2-76{ .newImages2-76{
width: 750rpx; width: 750rpx;
height: 9912rpx;
height: 10194rpx;
} }
.lookMoreCar{ .lookMoreCar{
width: 750rpx; width: 750rpx;
width:390rpx; width:390rpx;
height: 62rpx; height: 62rpx;
position: absolute; position: absolute;
top: 971rpx;
top: 1257rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
width:390rpx; width:390rpx;
height: 62rpx; height: 62rpx;
position: absolute; position: absolute;
top: 3262rpx;
top: 3545rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
width:390rpx; width:390rpx;
height: 61rpx; height: 61rpx;
position: absolute; position: absolute;
top: 3632rpx;
top: 3915rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
} }
.swiper1{ .swiper1{
position: absolute; position: absolute;
left: 0; left: 0;
top: 4560rpx;
top: 4840rpx;
width: 750rpx; width: 750rpx;
height: 477rpx; height: 477rpx;
} }
.arrow-left-1,.arrow-right-1,.arrow-left-2,.arrow-right-2,.arrow-left-3,.arrow-right-3,.arrow-left-4,.arrow-right-4{ .arrow-left-1,.arrow-right-1,.arrow-left-2,.arrow-right-2,.arrow-left-3,.arrow-right-3,.arrow-left-4,.arrow-right-4{
position: absolute; position: absolute;
top: 4560rpx;
top: 4840rpx;
height: 477rpx; height: 477rpx;
display: flex; display: flex;
align-items: center; align-items: center;
right:18rpx; right:18rpx;
} }
.arrow-left-2,.arrow-right-2{ .arrow-left-2,.arrow-right-2{
top: 5954rpx;
top: 6233rpx;
height: 496rpx; height: 496rpx;
} }
.arrow-left-3,.arrow-right-3{ .arrow-left-3,.arrow-right-3{
top: 7524rpx;
top: 7802rpx;
height: 402rpx; height: 402rpx;
} }
.arrow-left-4,.arrow-right-4{ .arrow-left-4,.arrow-right-4{
top: 9010rpx;
top: 9285rpx;
height: 447rpx; height: 447rpx;
} }
.newImages2-78{ .newImages2-78{
.dotGroup1,.dotGroup2,.dotGroup3,.dotGroup4{ .dotGroup1,.dotGroup2,.dotGroup3,.dotGroup4{
position: absolute; position: absolute;
left: 0; left: 0;
top: 5003rpx;
top: 5281rpx;
width: 750rpx; width: 750rpx;
height: 16rpx; height: 16rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.dotGroup2{ .dotGroup2{
top: 6423rpx;
top: 6699rpx;
} }
.dotGroup3{ .dotGroup3{
top: 7894rpx;
top: 8157rpx;
} }
.dotGroup4{ .dotGroup4{
top: 9421rpx;
top: 9695rpx;
} }
.newImages2-80{ .newImages2-80{
width: 17rpx; width: 17rpx;
} }
.testText{ .testText{
position: absolute; position: absolute;
top: 5049rpx;
top: 5327rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 732rpx;
height: 82rpx;
width: 548rpx;
height: 139rpx;
} }
.swiper2{ .swiper2{
position: absolute; position: absolute;
left: 0; left: 0;
top: 5954rpx;
top: 6233rpx;
width: 750rpx; width: 750rpx;
height: 496rpx; height: 496rpx;
} }
.testText2{ .testText2{
position: absolute; position: absolute;
top: 6476rpx;
top: 6749rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 653rpx;
height: 99rpx;
width: 524rpx;
height: 103rpx;
} }
.swiper3{ .swiper3{
position: absolute; position: absolute;
left: 0; left: 0;
top: 7524rpx;
top: 7802rpx;
width: 750rpx; width: 750rpx;
height: 402rpx; height: 402rpx;
} }
.testText3{ .testText3{
position: absolute; position: absolute;
top: 7953rpx;
top: 8226rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 525rpx;
height: 101rpx;
width: 513rpx;
height: 104rpx;
} }
.swiper4{ .swiper4{
position: absolute; position: absolute;
left: 0; left: 0;
top: 9010rpx;
top: 9285rpx;
width: 750rpx; width: 750rpx;
height: 447rpx; height: 447rpx;
} }
.testText4{ .testText4{
position: absolute; position: absolute;
top: 9481rpx;
top: 9751rpx;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
width: 518rpx;
height: 99rpx;
width: 540rpx;
height: 104rpx;
}
.videoGroup{
position: absolute;
left: 340rpx;
top: 518rpx;
width: 69rpx;
height: 72rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.newImages2-108{
width: 69rpx;
height: 72rpx;
}
.newImages2-110{
width: 17rpx;
height: 23rpx;
margin-top: -42rpx;
}
.myVideo{
position: fixed;
top: 0;
left: 0;
width: 750rpx;
height: calc(100vh - 120rpx);
z-index: 999;
} }

+ 5
- 5
496_dongfengqichen/pages/luckyStar/luckyStar.wxml View File

<view class="gameMain"> <view class="gameMain">
<image class="gameStarBg" src="{{imgUrl+'/newImages2/23.png?v=004'}}"></image> <image class="gameStarBg" src="{{imgUrl+'/newImages2/23.png?v=004'}}"></image>
<!-- <view class="gameTitle">幸运星抓手</view> --> <!-- <view class="gameTitle">幸运星抓手</view> -->
<image class="gameTitle" src="{{imgUrl+'/images/luckyTitle.png'}}"></image>
<image class="gameTitle" src="{{imgUrl+'/newImages2/102.png'}}"></image>
<view class="downTime">{{'00:'+downNum}}</view> <view class="downTime">{{'00:'+downNum}}</view>
<image class="prizeIcon2" src="{{imgUrl+'/newImages/57.png?v=003'}}"></image>
<image class="prizeIcon2" src="{{imgUrl+'/newImages2/105.png?v=003'}}"></image>
<image class="gameClaw {{!gameEnd?'gameClaw2':''}}" style="top:{{clawTop}}rpx;left:{{clawLeft}}rpx;transform: scale({{clawScale}});" src="{{imgUrl+'/images/gameClaw'+(clawType?2:1)+'.png'}}"></image> <image class="gameClaw {{!gameEnd?'gameClaw2':''}}" style="top:{{clawTop}}rpx;left:{{clawLeft}}rpx;transform: scale({{clawScale}});" src="{{imgUrl+'/images/gameClaw'+(clawType?2:1)+'.png'}}"></image>
<image class="prizeIcon1" src="{{imgUrl+'/newImages/56.png?v=003'}}"></image>
<image class="prizeIcon1" src="{{imgUrl+'/newImages2/104.png?v=003'}}"></image>
<image class="newImages2-22" bindtap="gameStart" wx:if="{{!gameState}}" src="{{imgUrl+'/newImages2/22.png?v=003'}}"></image> <image class="newImages2-22" bindtap="gameStart" wx:if="{{!gameState}}" src="{{imgUrl+'/newImages2/22.png?v=003'}}"></image>
<view class="getPrizeTip"> <view class="getPrizeTip">
<view class="prizeTipLine"></view> <view class="prizeTipLine"></view>
</view> </view>
<!-- <image class="gameOpen" bindtap="gameStart" wx:if="{{!gameState}}" src="{{imgUrl+'/newImages/23_1.png'}}"></image> <!-- <image class="gameOpen" bindtap="gameStart" wx:if="{{!gameState}}" src="{{imgUrl+'/newImages/23_1.png'}}"></image>
<image class="gameOpen" wx:if="{{gameState}}" src="{{imgUrl+'/newImages/23_2.png'}}"></image> --> <image class="gameOpen" wx:if="{{gameState}}" src="{{imgUrl+'/newImages/23_2.png'}}"></image> -->
<image class="newImages24" bindtap="openClaw" wx:if="{{!btnGroup.claw}}" src="{{imgUrl+'/newImages/24_1.png'}}"></image>
<image class="newImages24" wx:if="{{btnGroup.claw}}" src="{{imgUrl+'/newImages/24_2.png'}}"></image>
<image class="newImages24" bindtap="openClaw" wx:if="{{!btnGroup.claw}}" src="{{imgUrl+'/newImages2/103_1.png'}}"></image>
<image class="newImages24" wx:if="{{btnGroup.claw}}" src="{{imgUrl+'/newImages2/103_2.png'}}"></image>
<!-- <view class="gameGetBtn" bindtouchstart="openClaw"> <!-- <view class="gameGetBtn" bindtouchstart="openClaw">
<image class="luckyClaw" wx:if="{{btnGroup.claw}}" src="{{imgUrl+'/btns/luckyClaw.png'}}"></image> <image class="luckyClaw" wx:if="{{btnGroup.claw}}" src="{{imgUrl+'/btns/luckyClaw.png'}}"></image>
</view> --> </view> -->

+ 2
- 3
496_dongfengqichen/pages/prizes/prizes.wxml View File

<view class="all"> <view class="all">
<view class="main"> <view class="main">
<view style="position: relative;"> <view style="position: relative;">
<image class="prizeBg" src="{{imgUrl+'/newImages2/44.png'}}"></image>
<image class="prizeBg" src="{{imgUrl+'/newImages2/106.png'}}"></image>
<view class="prize1" data-num="1" bindtap="lookDetail"></view> <view class="prize1" data-num="1" bindtap="lookDetail"></view>
<view class="prize2" data-num="2" bindtap="lookDetail"></view> <view class="prize2" data-num="2" bindtap="lookDetail"></view>
<view class="prize3" data-num="3" bindtap="lookDetail"></view> <view class="prize3" data-num="3" bindtap="lookDetail"></view>
<view class="prize7" data-num="7" bindtap="lookDetail"></view> <view class="prize7" data-num="7" bindtap="lookDetail"></view>
<view class="prize8" data-num="8" bindtap="lookDetail"></view> <view class="prize8" data-num="8" bindtap="lookDetail"></view>
<view class="prize9" data-num="9" bindtap="lookDetail"></view> <view class="prize9" data-num="9" bindtap="lookDetail"></view>
<view class="prize10" data-num="10" bindtap="lookDetail"></view>
<view class="prize11" data-num="11" bindtap="lookDetail"></view>
<view class="prize10" data-num="11" bindtap="lookDetail"></view>
<view class="bottomBtn" bindtap="backPage"></view> <view class="bottomBtn" bindtap="backPage"></view>
</view> </view>
</view> </view>

+ 26
- 33
496_dongfengqichen/pages/prizes/prizes.wxss View File

} }
.prizeBg{ .prizeBg{
width: 750rpx; width: 750rpx;
height: 2169rpx;
height: 2018rpx;
} }
.bottomBtn{ .bottomBtn{
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
bottom: 196rpx;
bottom: 218rpx;
width: 711rpx; width: 711rpx;
height: 71rpx; height: 71rpx;
} }
top: 621rpx; top: 621rpx;
left: 61rpx; left: 61rpx;
width: 144rpx; width: 144rpx;
height: 143rpx;
height: 144rpx;
} }
.prize3{ .prize3{
position: absolute; position: absolute;
} }
.prize4{ .prize4{
position: absolute; position: absolute;
top: 635rpx;
top: 640rpx;
left: 520rpx; left: 520rpx;
width: 169rpx; width: 169rpx;
height: 116rpx; height: 116rpx;
} }
.prize5{ .prize5{
position: absolute; position: absolute;
top: 1054rpx;
left: 39rpx;
width: 189rpx;
top: 1073rpx;
left: 36rpx;
width: 190rpx;
height: 121rpx; height: 121rpx;
} }
.prize6{ .prize6{
position: absolute; position: absolute;
top: 1055rpx;
left: 283rpx;
top: 1073rpx;
left: 280rpx;
width: 185rpx; width: 185rpx;
height: 118rpx;
height: 117rpx;
} }
.prize7{ .prize7{
position: absolute; position: absolute;
top: 1421rpx;
left: 48rpx;
width: 168rpx;
height: 106rpx;
top: 1469rpx;
left: 36rpx;
width: 135rpx;
height: 86rpx;
} }
.prize8{ .prize8{
position: absolute; position: absolute;
top: 1421rpx;
left: 262rpx;
width: 195rpx;
height: 107rpx;
top: 1469rpx;
left: 197rpx;
width: 156rpx;
height: 86rpx;
} }
.prize9{ .prize9{
position: absolute; position: absolute;
top: 1422rpx;
left: 502rpx;
width: 195rpx;
height: 107rpx;
top: 1469rpx;
left: 379rpx;
width: 156rpx;
height: 85rpx;
} }
.prize10{ .prize10{
position: absolute; position: absolute;
top: 1651rpx;
left: 47rpx;
width: 190rpx;
height: 103rpx;
}
.prize11{
position: absolute;
top: 1651rpx;
left: 262rpx;
width: 195rpx;
height: 106rpx;
top: 1471rpx;
left:560rpx;
width: 156rpx;
height: 86rpx;
} }

Loading…
Cancel
Save