Commit 68527009 authored by AU-Pro-mac's avatar AU-Pro-mac

homepage and popMoadl

parent aa031059
......@@ -44596,6 +44596,7 @@ var StartScene = (function (_super) {
ctrls_1.showPanel(SelectCatPanel_1.SelectCatPanel);
};
StartScene.prototype.start = function () {
this.initUi();
};
return StartScene;
}(Scene_1.Scene));
This diff is collapsed.
......@@ -44598,6 +44598,7 @@ var StartScene = (function (_super) {
ctrls_1.showPanel(SelectCatPanel_1.SelectCatPanel);
};
StartScene.prototype.start = function () {
this.initUi();
};
return StartScene;
}(Scene_1.Scene));
......@@ -21,5 +21,6 @@ export class StartScene extends Scene {
}
start() {
this.initUi()
}
}
{
"pages": [
"pages/pagecanvas/pagecanvas",
"pages/homePage/homePage",
"pages/index/index",
"pages/pagecanvas/pagecanvas",
"pages/pageshop/pageshop",
"pages/myprize/myprize"
"pages/myprize/myprize",
"pages/tbccDemo/tbccDemo"
],
"window": {
"enableSkia": "true",
......
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comjiang_pin_dan_chuangwrapper.less';
class Comjiang_pin_dan_chuangwrapper extends Component {
constructor(props) {
super(props);
this.state = this.state || { resList: resList };
}
render() {
return (
<div className="jiang_pin_dan_chuangwrapper">
<div className="ju801" />
<div className="jiang_pin_dan_chuang">
<img className="dan_chuang_bei_jing01" src={this.state.resList['c34046a2-1b15-47e8-95f3-376deb238e43'].url} />
<img className="tai_zi_kao_bei3" src={this.state.resList['d3e951d6-4d66-4f5b-b0f0-47e28ff04614'].url} />
<span className="hao_yun_lai_lin">好运来临</span>
<img className="cha_kan_jiang_pin" src={this.state.resList['715120cb-b41f-425f-b8fa-bce3f4a6680a'].url} />
<img className="shang_pin" src={this.state.resList['bf24cd04-e4f7-4859-beb6-212aa712f48e'].url} />
<img
className="an_niu_guan_bi_dan_chuang_kao_bei24"
src={this.state.resList['4abc8bb6-5779-49ad-84b4-b4ade4f51fcb'].url}
/>
</div>
</div>
);
}
}
export default Comjiang_pin_dan_chuangwrapper;
.jiang_pin_dan_chuangwrapper {
top: 0px;
left: 0px;
width: 750px;
height: 1624px;
display: block;
position: absolute;
.ju801 {
width: 752px;
height: 1626px;
opacity: 0.7019607843137254;
left: -1px;
top: -1px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(0, 0, 0, 1);
}
.jiang_pin_dan_chuang {
width: 564px;
height: 694px;
opacity: 1;
left: 125px;
top: 442px;
position: absolute;
transform-origin: 0px 0px 0px;
.dan_chuang_bei_jing01 {
width: 500px;
height: 672px;
opacity: 1;
top: 22px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.tai_zi_kao_bei3 {
width: 318px;
height: 131px;
opacity: 1;
left: 91px;
top: 436px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.hao_yun_lai_lin {
width: 205px;
height: 49px;
opacity: 1;
left: 147px;
top: 102px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 51.33333px;
color: rgba(244, 231, 229, 1);
}
.cha_kan_jiang_pin {
width: 299px;
height: 88px;
opacity: 1;
left: 102px;
top: 581px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.shang_pin {
width: 91px;
height: 236px;
opacity: 1;
left: 206px;
top: 256px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.an_niu_guan_bi_dan_chuang_kao_bei24 {
width: 50px;
height: 50px;
opacity: 0.5019607843137255;
left: 514px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comren_wu_dan_chuangwrapper.less';
class Comren_wu_dan_chuangwrapper extends Component {
constructor(props) {
super(props);
this.state = this.state || { resList: resList };
}
render() {
return (
<div className="ren_wu_dan_chuangwrapper">
<div className="ju_xing7000" />
<div className="ren_wu_dan_chuang">
<img
className="ren_wu_dan_chuang_bei_jingbg"
src={this.state.resList['e0c8c1ea-bfa2-4ac6-a70a-1b21f516af10'].url}
/>
<div className="zuo_ren_wu_men_piao5">
<img
className="yuan_jiao_ju_xing86022"
src={this.state.resList['c83262a8-7557-4321-8460-c23b712ce634'].url}
/>
<img className="ren_wuicon05" src={this.state.resList['7b839a18-3277-41aa-9f41-0c3876651bdd'].url} />
<div className="zu85">
<span className="jia_ru_dian_pu_hui_yuan">加入店铺会员</span>
<span className="le_yuan_men_piao121">乐园门票 +1</span>
</div>
<img className="yi_guan_zhu02" src={this.state.resList['01cb5ef0-2181-44f4-92ad-a2b7bc5cd224'].url} />
<span className="yi_guan_zhu20">已关注</span>
</div>
<div className="zuo_ren_wu_men_piao4">
<img
className="yuan_jiao_ju_xing86019"
src={this.state.resList['c83262a8-7557-4321-8460-c23b712ce634'].url}
/>
<div className="ju_xing118" />
<img className="ren_wuicon04" src={this.state.resList['2eb24d59-d131-4dfb-9dfe-7b9f61bd4293'].url} />
<div className="zu84">
<span className="guan_zhu_dian_pu">关注店铺</span>
<span className="le_yuan_men_piao117">乐园门票 +1</span>
</div>
<img className="yi_guan_zhubg" src={this.state.resList['120d6fd3-a52d-4e8e-9064-160f112ff0da'].url} />
<span className="yi_guan_zhu16">已关注</span>
</div>
<div className="zuo_ren_wu_men_piao3">
<img
className="yuan_jiao_ju_xing86015"
src={this.state.resList['c83262a8-7557-4321-8460-c23b712ce634'].url}
/>
<div className="ju_xing114" />
<img className="ren_wuicon03" src={this.state.resList['56f68e31-8eba-42ce-aafa-0ad9b0bf9f68'].url} />
<div className="zu83">
<span className="wan_cheng_xia_dan_ding_dan">完成下单订单</span>
<span className="le_yuan_men_piao113">乐园门票 +1</span>
</div>
<img className="qu_xia_dan12" src={this.state.resList['23000075-9bcf-461b-80a9-527340b1d242'].url} />
<span className="qu_xia_dan11">去下单</span>
</div>
<div className="zuo_ren_wu_men_piao2">
<img
className="yuan_jiao_ju_xing86010"
src={this.state.resList['c83262a8-7557-4321-8460-c23b712ce634'].url}
/>
<div className="ju_xing19" />
<img className="ren_wuicon02" src={this.state.resList['d2f81084-e23b-47f0-a016-eb590b6b7af2'].url} />
<div className="zu81">
<span className="guan_kan_zhi_bo1_fen_zhong">观看直播1分钟</span>
<span className="le_yuan_men_piao18">乐园门票 +1</span>
</div>
<img className="qu_guan_kan7" src={this.state.resList['ac35b4f9-b90b-4464-84be-fe14cf873dcc'].url} />
<span className="qu_guan_kan6">去观看</span>
</div>
<div className="zuo_ren_wu_men_piao1">
<img
className="yuan_jiao_ju_xing8605"
src={this.state.resList['c83262a8-7557-4321-8460-c23b712ce634'].url}
/>
<div className="ju_xing14" />
<img className="ren_wuicon01" src={this.state.resList['95dc5f5a-d1b2-4994-b1bb-e45ba9e53914'].url} />
<div className="zu82">
<span className="liu_lan_zhi_ding_shang_pin30s">浏览制定商品30s</span>
<span className="le_yuan_men_piao13">乐园门票 +1</span>
</div>
<img className="qu_liu_lanbg" src={this.state.resList['e4530dc3-a3c7-4992-8553-2be55e6407b0'].url} />
<span className="qu_liu_lan">去浏览</span>
</div>
<img
className="an_niu_guan_bi_dan_chuang_kao_bei2"
src={this.state.resList['4abc8bb6-5779-49ad-84b4-b4ade4f51fcb'].url}
/>
</div>
</div>
);
}
}
export default Comren_wu_dan_chuangwrapper;
'use strict';
import React, { Component } from 'react';
import resList from '../../resconfig/resList';
import './comwu_liu_dan_chuangwrapper.less';
class Comwu_liu_dan_chuangwrapper extends Component {
constructor(props) {
super(props);
this.state = this.state || { resList: resList };
}
render() {
return (
<div className="wu_liu_dan_chuangwrapper">
<div className="wu_liu_dan_chuang">
<div className="yi_fa_huov">
<img className="bei_jing36" src={this.state.resList['9e8381e8-0604-4fec-8b44-43975ad97d7b'].url} />
<div className="jiang_pin_tu_pian35" />
<div className="wen_zi32">
<span className="yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming34">一个长达十二个字的奖品名</span>
<span className="jiang_pin_bian_ma233445455546565633">奖品编码:2334454555465656</span>
<span className="fa_huo_zhuang_tai_yi_fa_huo">发货状态:已发货</span>
<span className="wu_liu_dan_hao341534564586548448">物流单号:341534564586548448</span>
</div>
<img
className="an_niu_guan_bi_dan_chuang31"
src={this.state.resList['4abc8bb6-5779-49ad-84b4-b4ade4f51fcb'].url}
/>
</div>
<div className="dai_fa_huov">
<img className="bei_jing30" src={this.state.resList['3be867cc-3bee-475c-92a6-00b5b4f411cd'].url} />
<div className="jiang_pin_tu_pian29" />
<div className="wen_zi26">
<span className="yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming28">一个长达十二个字的奖品名</span>
<span className="jiang_pin_bian_ma233445455546565627">奖品编码:2334454555465656</span>
<span className="fa_huo_zhuang_tai_dai_fa_huo">发货状态:待发货</span>
<span className="wen_xin_ti_xing_jiang_pin_jiang_zai_huo_dong_jie_shu7_tian_nei_lu_xu_fa_chu">
温馨提醒:奖品将在活动结束7天内陆续发出
</span>
</div>
<img
className="an_niu_guan_bi_dan_chuang25"
src={this.state.resList['4abc8bb6-5779-49ad-84b4-b4ade4f51fcb'].url}
/>
</div>
</div>
</div>
);
}
}
export default Comwu_liu_dan_chuangwrapper;
.wu_liu_dan_chuangwrapper {
top: 0px;
left: 0px;
width: 750px;
height: 1624px;
display: block;
position: absolute;
.wu_liu_dan_chuang {
width: 655px;
height: 314px;
opacity: 1;
left: 54px;
top: 561px;
position: absolute;
transform-origin: 0px 0px 0px;
.yi_fa_huov {
width: 655px;
height: 314px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing36 {
width: 645px;
height: 244px;
opacity: 1;
top: 70px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jiang_pin_tu_pian35 {
width: 122px;
height: 122px;
opacity: 1;
left: 45px;
top: 117px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(244, 244, 244, 1);
}
.wen_zi32 {
width: 323px;
height: 139px;
opacity: 1;
left: 198px;
top: 118px;
position: absolute;
transform-origin: 0px 0px 0px;
.yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming34 {
width: 323px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(51, 51, 51, 1);
}
.jiang_pin_bian_ma233445455546565633 {
width: 243px;
height: 17px;
opacity: 1;
top: 44px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(51, 51, 51, 1);
}
.fa_huo_zhuang_tai_yi_fa_huo {
width: 143px;
height: 17px;
opacity: 1;
top: 82px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(51, 51, 51, 1);
}
.wu_liu_dan_hao341534564586548448 {
width: 262px;
height: 17px;
opacity: 1;
top: 122px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(51, 51, 51, 1);
}
}
.an_niu_guan_bi_dan_chuang31 {
width: 50px;
height: 50px;
opacity: 0.5019607843137255;
left: 605px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
.dai_fa_huov {
width: 655px;
height: 314px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
.bei_jing30 {
width: 645px;
height: 244px;
opacity: 1;
top: 70px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.jiang_pin_tu_pian29 {
width: 122px;
height: 122px;
opacity: 1;
left: 45px;
top: 117px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(244, 244, 244, 1);
}
.wen_zi26 {
width: 350px;
height: 139px;
opacity: 1;
left: 198px;
top: 118px;
position: absolute;
transform-origin: 0px 0px 0px;
.yi_ge_chang_da_shi_er_ge_zi_de_jiang_pin_ming28 {
width: 323px;
height: 27px;
opacity: 1;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 28px;
color: rgba(51, 51, 51, 1);
}
.jiang_pin_bian_ma233445455546565627 {
width: 243px;
height: 17px;
opacity: 1;
top: 44px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(51, 51, 51, 1);
}
.fa_huo_zhuang_tai_dai_fa_huo {
width: 143px;
height: 17px;
opacity: 1;
top: 82px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(51, 51, 51, 1);
}
.wen_xin_ti_xing_jiang_pin_jiang_zai_huo_dong_jie_shu7_tian_nei_lu_xu_fa_chu {
width: 350px;
height: 17px;
opacity: 1;
top: 122px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 18px;
color: rgba(51, 51, 51, 1);
}
}
.an_niu_guan_bi_dan_chuang25 {
width: 50px;
height: 50px;
opacity: 0.5019607843137255;
left: 605px;
position: absolute;
transform-origin: 0px 0px 0px;
}
}
}
}
.rewards-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
}
.rewards-modal__shade {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.75);
}
.ju_xing791 {
width: 752px;
height: 1626px;
opacity: 0.7019607843137254;
left: -1px;
top: -1px;
position: absolute;
transform-origin: 0px 0px 0px;
background-color: rgba(0, 0, 0, 1);
}
.jiang_li_dan_chuang {
width: 564px;
height: 545px;
opacity: 1;
left: 125px;
top: 442px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.dan_chuang_bei_jing2 {
width: 500px;
height: 523px;
opacity: 1;
top: 22px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.qu_chou_jiang {
width: 209px;
height: 88px;
opacity: 1;
left: 31px;
top: 423px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.ji_xu_guan_kan {
width: 209px;
height: 88px;
opacity: 1;
left: 262px;
top: 423px;
position: absolute;
transform-origin: 0px 0px 0px;
}
.kan_shi_pin_jiang_li {
width: 258px;
height: 49px;
opacity: 1;
left: 121px;
top: 102px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 51.33333px;
color: rgba(244, 231, 229, 1);
}
.huo_de_ya_dun_bi {
width: 146px;
height: 28px;
opacity: 1;
left: 177px;
top: 230px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 29.33333px;
color: rgba(200, 82, 73, 1);
}
.tu_ceng40 {
width: 94px;
height: 43px;
opacity: 1;
left: 204px;
top: 291px;
position: absolute;
transform-origin: 0px 0px 0px;
font-size: 55px;
color: rgba(200, 82, 73, 1);
}
.an_niu_guan_bi_dan_chuang_kao_bei23 {
width: 50px;
height: 50px;
opacity: 0.5019607843137255;
left: 514px;
position: absolute;
transform-origin: 0px 0px 0px;
}
<view class="rewards-modal">
<view class="rewards-modal__shade modal-animate-fade-in">
<view className="jiang_li_dan_chuang">
<image className="dan_chuang_bei_jing2" src="{{resList['7203516e-8791-4974-955e-c8a044e16c80'].url}}"/>
<image className="qu_chou_jiang" src="{{resList['b71e74b5-16ad-4260-a382-8cf200e9e5a7'].url}}" />
<image className="ji_xu_guan_kan" src="{{resList['8da146cc-69cd-41fa-bed3-e7194ce037aa'].url}}" />
<view className="kan_shi_pin_jiang_li">看视频奖励</view>
<view className="huo_de_ya_dun_bi">获得雅顿币</view>
<view className="tu_ceng40">+40</view>
<image
className="an_niu_guan_bi_dan_chuang_kao_bei23" onTap="onModalClose"
src="{{resList['4abc8bb6-5779-49ad-84b4-b4ade4f51fcb'].url}}"
/>
</view>
</view>
</view>
import resList from '../../resconfig/resList'
Component({
methods: {
data: {
resList: resList
},
onModalClose() {
const { onModalClose } = this.props;
onModalClose && onModalClose();
}
}
});
\ No newline at end of file
.homepage_wrapper {
width: 750rpx;
height: 1624rpx;
top: calc(50% - 812rpx);
left: 0rpx;
display: block;
position: fixed;
}
.homepage_mian {
width: 750rpx;
height: 1624rpx;
opacity: 1;
position: absolute;
}
.bei_jing80 {
width: 750rpx;
height: 1624rpx;
opacity: 1;
position: absolute;
}
.head {
width: 100%;
height: 60rpx;
top: 28rpx;
left: 0;
flex-direction: row;
justify-content: space-between;
display: flex;
position: fixed;
}
.head_ruler {
width: 141rpx;
height: 60rpx;
}
.head_rewards {
width: 141rpx;
height: 60rpx;
}
.bottom {
width: 667rpx;
height: 310rpx;
opacity: 1;
left: 42rpx;
bottom: 22rpx;
position: fixed;
z-index: 2;
}
.turntable_block {
width: 194rpx;
height: 211rpx;
opacity: 1;
left: 473rpx;
top: 67rpx;
position: absolute;
}
.turntable_block_image {
width: 194rpx;
height: 211rpx;
opacity: 1;
position: absolute;
}
.gamechoose_block {
width: 409rpx;
height: 200rpx;
opacity: 1;
left: 130.5rpx;
top: -202rpx;
position: absolute;
z-index: 1;
}
.gamechoose_block_back {
width: 409rpx;
height: 200rpx;
opacity: 1;
position: absolute;
z-index: 1;
}
.gamechoose_block_sc {
width: 126rpx;
height: 126rpx;
opacity: 1;
left: 41rpx;
top: 31rpx;
position: absolute;
z-index: 1;
}
.gamechoose_block_xxl {
width: 126rpx;
height: 126rpx;
opacity: 1;
left: 239rpx;
top: 31rpx;
position: absolute;
z-index: 1;
}
.gameChoose_mask {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: transparent;
z-index: 0;
}
.ydgame_block {
width: 267rpx;
height: 312rpx;
opacity: 1;
left: 200rpx;
position: absolute;
}
.ydgame_block_image {
width: 267rpx;
height: 260rpx;
opacity: 1;
position: absolute;
}
.ydgame_block_coin {
width: 199rpx;
height: 44rpx;
line-height: 44rpx;
left: 34rpx;
top: 268rpx;
background-color: #f7cbcf;
border-radius: 21rpx;
text-align: center;
position: absolute;
font-size: 23.8rpx;
font-weight: 500;
color: rgba(200, 82, 73, 1);
}
.mission_block {
width: 194rpx;
height: 235rpx;
opacity: 1;
top: 67rpx;
position: absolute;
}
.mission_block_freenum {
width: 100%;
height: 40rpx;
line-height: 40rpx;
opacity: 1;
left: 0;
top: 206rpx;
position: absolute;
font-size: 23.8rpx;
font-weight: 500;
color: rgba(200, 82, 73, 1);
text-align: center;
}
.mission_block_image {
width: 194rpx;
height: 211rpx;
opacity: 1;
position: absolute;
}
.video_block {
width: 430rpx;
height: 408rpx;
opacity: 1;
left: 160rpx;
top: 640rpx;
position: absolute;
}
.video_block_wrapper {
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 12rpx;
overflow: hidden;
box-shadow: 0 0 24rpx rgba(159, 87, 85, .46);
}
.video {
width: 400rpx;
height: 230rpx;
margin: 16rpx auto;
}
.an_niu {
width: 95rpx;
height: 94rpx;
opacity: 1;
left: 170rpx;
top: 87rpx;
position: absolute;
}
.video_block_text {
width: 100%;
height: 60rpx;
line-height: 30rpx;
text-align: center;
left: 0;
top: 281rpx;
position: absolute;
font-size: 25.6rpx;
color: rgba(200, 82, 73, 1);
}
.video_block_up {
width: 100%;
height: 20rpx;
line-height: 20rpx;
text-align: center;
left: 0;
top: 365rpx;
position: absolute;
font-size: 18.3rpx;
color: rgba(203, 165, 112, 1);
text-decoration: underline;
}
.video_block_tips {
width: 100%;
height: 22rpx;
line-height: 22rpx;
left: 0rpx;
bottom: 10rpx;
text-align: center;
position: absolute;
font-size: 22rpx;
color: rgba(200, 82, 73, 1);
opacity: 0;
}
.video_btn_left {
width: 83rpx;
height: 84rpx;
opacity: 1;
top: 158rpx;
left: -93rpx;
position: absolute;
}
.video_btn_right {
width: 83rpx;
height: 84rpx;
opacity: 1;
top: 158rpx;
right: -93rpx;
position: absolute;
}
.video_block_small {
width: 174rpx;
height: 330rpx;
opacity: 1;
left: 557rpx;
top: 900rpx;
position: absolute;
transition: all .5s linear;
}
.video_block_wrapper_small {
border-radius: 6rpx;
box-shadow: 0 0 8rpx rgba(159, 87, 85, .36);
transition: transform .5s linear;
}
.video_block_text_opciaty0 {
opacity: 0;
transition: transform .5s linear;
}
.video_block_text_opciaty1 {
opacity: 1;
transition: transform .5s linear;
}
.shi_pin_xiao_tu {
width: 174rpx;
height: 329rpx;
opacity: 1;
left: 557rpx;
top: 900rpx;
position: absolute;
}
.yuan_jiao_ju_xing477 {
width: 171rpx;
height: 138rpx;
opacity: 1;
top: 47rpx;
position: absolute;
}
.shi_pin_xiao_tu_zu35 {
width: 170rpx;
height: 329rpx;
opacity: 1;
left: 4rpx;
position: absolute;
}
.yuan_jiao_ju_xing5_kao_bei {
width: 159rpx;
height: 93rpx;
opacity: 1;
left: 2rpx;
top: 53rpx;
position: absolute;
background-color: rgba(36, 36, 36, 1);
}
.yuan_jiao_ju_xing5_kao_bei276 {
width: 159rpx;
height: 93rpx;
opacity: 0.6;
left: 6rpx;
top: 53rpx;
position: absolute;
background-color: rgba(36, 36, 36, 1);
}
.bo_fang_an_niu {
width: 37rpx;
height: 37rpx;
opacity: 1;
left: 68rpx;
top: 82rpx;
position: absolute;
}
.biao_ti75 {
width: 632rpx;
height: 260rpx;
opacity: 1;
left: 110rpx;
top: 279rpx;
position: absolute;
}
<view class="homepage_wrapper">
<view class="homepage_mian">
<image class="bei_jing80" src="{{resList['abe2084e-ff0b-454d-ad6e-a9117e44bdaa'].url}}" />
<image class="biao_ti75" src="{{resList['3e2471e2-f271-4931-8665-0c2d7fe332b4'].url}}" />
<!-- 头部 规则-奖品 按钮 -->
<view class="head">
<image class="head_ruler" onTap="showRewardsModal" src="{{resList['ee8882be-4b1d-43eb-bad7-8d96318c5022'].url}}" />
<!-- <image class="head_ruler" onTap="showRulerModal" src="{{resList['ee8882be-4b1d-43eb-bad7-8d96318c5022'].url}}" /> -->
<image class="head_rewards" src="{{resList['74a63fd3-6776-44a2-990e-fadac00fb757'].url}}" />
</view>
<!-- 视频部分 -->
<view class="video_block {{ videoBottom ? 'video_block_small' : ''}}">
<view class="video_block_wrapper {{ videoBottom ? 'video_block_wrapper_small' : ''}}">
<video class="video" src="{{videoSrc}}" />
<!-- <image class="an_niu" src="{{resList['ff8b9fa2-f6e7-4bc9-803d-8ee626803e52'].url}}" /> -->
<view class="video_block_text {{ videoBottom ? 'video_block_text_opciaty0' : ''}}">
<view>观看XXXXX视频</view>
<view>领取20雅顿币</view>
</view>
<view class="video_block_up {{ videoBottom ? 'video_block_text_opciaty0' : ''}}" onTap="onVideoTurnSmall">收起视频</view>
<view class="video_block_tips {{ videoBottom ? 'video_block_text_opciaty1' : ''}}" onTap="onVideoTurnSmall">看视频 赢金币</view>
</view>
<!-- 按钮组 -->
<image class="video_btn_left {{ videoBottom ? 'video_block_text_opciaty0' : ''}}" src="{{resList['70006ad9-e7aa-4121-8493-c3c0afa94608'].url}}" />
<image class="video_btn_right {{ videoBottom ? 'video_block_text_opciaty0' : ''}}" src="{{resList['cf73af84-5751-4aee-a754-9106162786d9'].url}}" />
</view>
<view class="shi_pin_xiao_tu" a:if='{{false}}'>
<image
class="yuan_jiao_ju_xing477"
src="{{resList['9f33f047-5281-4f62-a56d-19080de0250f'].url}}"
/>
<view class="shi_pin_xiao_tu_zu35">
<view class="yuan_jiao_ju_xing5_kao_bei" />
</view>
<view class="yuan_jiao_ju_xing5_kao_bei276" />
<image class="bo_fang_an_niu" src="{{resList['8d5b83a6-59d9-484c-a74e-99f13ba20b02'].url}}" />
<view class="kan_shi_pin_ying_jin_bi">看视频 赢金币</view>
</view>
<!-- 底部 门票-乐园-抽奖 -->
<view class="bottom">
<view class="turntable_block">
<image class="turntable_block_image" src="{{resList['44b8923b-c9f9-4246-a4ff-4093ff97ca33'].url}}" />
</view>
<view class="ydgame_block" onTap="openShowChooseGame">
<image class="ydgame_block_image" src="{{resList['23d2db92-a7a2-48a2-a34e-a7c1ec02fc2f'].url}}" />
<view class="ydgame_block_coin"> 雅顿币:XXX </view>
</view>
<view class="mission_block">
<image class="mission_block_image" src="{{resList['db8bff60-3223-428b-81a8-27c4742a6469'].url}}" />
<view class="mission_block_freenum">免费次数X2</view>
</view>
<!-- 选择游戏 -->
<view class="gamechoose_block" a:if='{{ showChooseGame }}'>
<image class="gamechoose_block_back" src="{{resList['22c949b8-84af-4a22-bb21-70088d1eafad'].url}}" />
<image class="gamechoose_block_sc" src="{{resList['f2915694-4e09-4776-8f38-9ddb285e4d17'].url}}" />
<image class="gamechoose_block_xxl" src="{{resList['7aafb158-7fec-4ae1-a83e-496779c4a107'].url}}" />
<view class="gameChoose_mask" onTap="closeShowChooseGame"></view>
</view>
</view>
</view>
</view>
<rule-modal a:if="{{ruleModalVisible}}" onModalClose="closeRuleModal"><text>{{rule}}</text></rule-modal>
<rewards-modal a:if="{{rewardsModalVisible}}" onModalClose="closerewardsModal"></rewards-modal>
const app = getApp();
import API from '../../api';
import resList from '../../resconfig/resList.js'
// const { tbcc } = app;
// const { SHARE_CONFIG, REDIRECT_URL } = tbcc.constants;
// const { commonToast, getAuthUserInfo, navigateToOutside } = tbcc.tb;
Page({
doExchange: () => {
my.navigateTo({
url: `/pages/pageshop/pageshop`
});
},
data: {
resList: resList,
title: '',
content: '',
rule: '',
commonModalData: {
content: '',
btnText: ''
},
showChooseGame: false,
videoBottom: false,
videoSrc: 'https://cloud.video.taobao.com/play/u/20446068/p/1/e/6/t/1/239271757987.mp4',
commonModalConfirm: null,
commonModalVisible: false,
ruleModalVisible: false,
rewardsModalVisible: false
},
onLoad(query) {
// 页面加载
// this.getAuth();
console.info(`Page onLoad with query: ${JSON.stringify(query)}`);
},
init() {
console.log('do init')
},
onReady() {
// 页面加载完成
},
onShow() {
// 页面显示
},
onHide() {
// 页面隐藏
},
onVideoTurnSmall () {
this.setData({ videoBottom: true })
},
openShowChooseGame () {
if (!this.data.showChooseGame) {
this.setData({ showChooseGame: true })
}
},
closeShowChooseGame () {
console.log('1')
this.setData({ showChooseGame: false })
},
onUnload() {
// 页面被关闭
},
onTitleClick() {
// 标题被点击
},
onPullDownRefresh() {
// 页面被下拉
},
onReachBottom() {
// 页面被拉到底部
},
/**
* 获取用户授权信息
*/
async getAuth() {
const userInfo = await getAuthUserInfo().catch(err => {
console.log('未授权成功', err);
});
if (userInfo) {
console.log('userInfo', userInfo);
const { nickName, avatar } = userInfo;
app.nickName = nickName;
app.avatar = avatar;
this.login();
}
},
/**
* 获取主接口
*/
async getIndex() {
const { success, data } = await API.getIndex().catch(res => {
commonToast(res && res.message);
}) || {};
if (success && data) {
const { title, content, rule } = data;
this.setData({ title, content, rule });
}
},
/**
* 登录接口
*/
async login() {
const { nickName, avatar } = app;
const { success } = await API.login({ userNick: nickName, avatar }).catch(res => {
commonToast(res && res.message);
}) || {};
if (success) {
this.init();
}
},
showRuleModal() { this.setData({ ruleModalVisible: true }) },
showRewardsModal() { this.setData({ rewardsModalVisible: true }) },
/**
* 通用弹出确认按钮回调
*/
confirmCommonModal() {
const { commonModalConfirm } = this.data;
commonModalConfirm && commonModalConfirm();
},
/**
* 执行开始
*/
doStart() {
this.showCommonModal({
content: '活动还未开始\n请稍后',
btnText: '我知道了',
commonModalVisible: true,
confirmCallback: () => {
this.closeCommonModal();
}
});
},
/**
* 显示通用弹层
* @param {object} options content: 通用弹层内容 btnText:按钮文案 confirmCallback: 按钮确认回调
*/
showCommonModal({ content, btnText, confirmCallback }) {
this.setData({
commonModalConfirm: confirmCallback || null,
commonModalVisible: true,
commonModalData: { content, btnText }
});
},
/**
* 跳转到天猫页面
*/
goTmallPage() {
navigateToOutside(REDIRECT_URL['tmall']);
},
/**
* 关闭通用弹层
*/
closeCommonModal() {
this.setData({
commonModalVisible: false
});
},
closeRuleModal() { this.setData({ ruleModalVisible: false }) },
closeRewardsModal () { this.setData({ rewardsModalVisible: false}) },
onShareAppMessage() {
// 返回自定义分享信息
return SHARE_CONFIG;
},
});
{
"usingComponents": {
"rule-modal": "/components/ruleModal/ruleModal",
"rewards-modal": "/components/rewardsModal/rewardsModal",
"common-modal": "/components/commonModal/commonModal",
"end-modal": "/components/endModal/endModal"
}
}
\ No newline at end of file
......@@ -24,7 +24,8 @@ Page({
},
onLoad(query) {
// 页面加载
this.getAuth();
// this.getAuth();
my.navigateTo({url: '../homePage/homePage'})
console.info(`Page onLoad with query: ${JSON.stringify(query)}`);
},
init() {
......
......@@ -44598,6 +44598,7 @@ var StartScene = (function (_super) {
ctrls_1.showPanel(SelectCatPanel_1.SelectCatPanel);
};
StartScene.prototype.start = function () {
this.initUi();
};
return StartScene;
}(Scene_1.Scene));
......@@ -45,9 +45,11 @@ Page({
spark_startEngine() {
console.log('spark_startEngine')
var self = this;
console.log(my.createCanvas)
my.createCanvas({
id: 'canvas',
success: ccc => {
console.log('cccs')
const dpr = my.getSystemInfoSync().pixelRatio;
const windowWidth = my.getSystemInfoSync().windowWidth;
const windowHeight = my.getSystemInfoSync().windowHeight;
......
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment