moliparty/peko-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

星级厨房：图片动效资源改为cdn获取

Browse Source
This commit is contained in:
qf
2022-12-29 11:52:54 +08:00
parent 3f18ee1b3b
commit f1871efd20
9 changed files with 94 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
view/peko/activity/act-ocean/css/index.css
View File

@@ -52,7 +52,7 @@ body {
color: white;
display: flex;
align-items: center;
background: url("../images/previous-result-bg.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-previous-result-bg.png") no-repeat 0 0/100% 100%;
z-index: 9;
}
.wrap .previous-result span {
@@ -67,7 +67,7 @@ body {
width: 0.5333333333rem;
height: 0.5333333333rem;
margin-left: 0.1066666667rem;
background: url("../images/little-bubble.png") 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-little-bubble.png") 0 0/100% 100%;
}
.wrap .previous-result .result-list p img {
width: 100%;
@@ -97,7 +97,7 @@ body {
z-index: 9;
width: 100%;
height: 14.0533333333rem;
background: url("../images/game-area.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-game-area.png") no-repeat 0 0/100% 100%;
}
.wrap .game-area .roundId {
font-size: 0.2666666667rem;
@@ -119,7 +119,7 @@ body {
width: 4.2933333333rem;
height: 0.96rem;
line-height: 0.8266666667rem;
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
text-align: center;
font-size: 0.32rem;
font-weight: bold;
@@ -130,7 +130,7 @@ body {
width: 4.9066666667rem;
height: 0.9066666667rem;
line-height: 0.9066666667rem;
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-tip.png") no-repeat 0 0/100% 100%;
font-size: 0.2933333333rem;
color: #F0C799;
}
@@ -146,7 +146,7 @@ body {
height: 1.9733333333rem;
margin-top: 1.7333333333rem;
margin-right: 0.4266666667rem;
background: url("../images/bubble-bg.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-bubble-bg.png") no-repeat 0 0/100% 100%;
}
.wrap .game-area .select-time ul li:nth-child(-n+4) {
margin-top: 1.0666666667rem;
@@ -164,7 +164,7 @@ body {
height: 0.3733333333rem;
line-height: 0.3733333333rem;
text-align: center;
background: url("../images/multiple-bg.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-multiple-bg.png") no-repeat 0 0/100% 100%;
font-size: 0.2666666667rem;
font-weight: bold;
color: white;
@@ -179,7 +179,7 @@ body {
box-sizing: border-box;
width: 1.8133333333rem;
height: 0.7733333333rem;
background: url("../images/name-bg.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-name-bg.png") no-repeat 0 0/100% 100%;
text-align: center;
font-size: 0.2666666667rem;
font-weight: bold;
@@ -188,7 +188,7 @@ body {
.wrap .game-area .select-time ul li .name.general {
height: 0.6133333333rem;
line-height: 0.4rem;
background: url("../images/name-general-bg.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-name-general-bg.png") no-repeat 0 0/100% 100%;
}
.wrap .game-area .select-time ul li .name .gift-price {
font-size: 0.24rem;
@@ -201,7 +201,7 @@ body {
position: absolute;
top: -0.96rem;
left: -0.3733333333rem;
background: url("../images/qipao-2s.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-qipao-2s.png") no-repeat 0 0/100% 100%;
transform: rotate(343deg);
text-indent: 0.2133333333rem;
}
@@ -233,20 +233,20 @@ body {
width: 9.4666666667rem;
height: 1.68rem;
margin: 1.8666666667rem auto 0;
background: url("../images/btn-wrap-bg.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-btn-wrap-bg.png") no-repeat 0 0/100% 100%;
}
.wrap .game-area .select-time .btn-wrap div {
display: flex;
justify-content: center;
width: 2.5333333333rem;
height: 1.0666666667rem;
background: url("../images/fragment-btn.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-fragment-btn.png") no-repeat 0 0/100% 100%;
line-height: 1.0666666667rem;
font-size: 0.4rem;
color: #975B25;
}
.wrap .game-area .select-time .btn-wrap div.active {
background-image: url("../images/fragment-btn-active.png");
background-image: url("http://beta.img.pekolive.com/cf-fragment-btn-active.png");
color: #B33E17;
}
.wrap .game-area .select-time .btn-wrap div:first-child {
@@ -286,7 +286,7 @@ body {
width: 4.2933333333rem;
height: 0.96rem;
line-height: 0.8266666667rem;
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
text-align: center;
color: #B82F1A;
font-size: 0.32rem;
@@ -297,7 +297,7 @@ body {
width: 4.9066666667rem;
height: 0.9066666667rem;
line-height: 0.9066666667rem;
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-tip.png") no-repeat 0 0/100% 100%;
text-align: center;
font-size: 0.2933333333rem;
color: rgba(255, 240, 199, 0.6);
@@ -308,7 +308,7 @@ body {
width: 2.8rem;
height: 2.84rem;
margin: 1.2rem auto 0.2rem;
background: url(../images/drawBg.png);
background: url("http://beta.img.pekolive.com/cf-drawBg.png");
background-size: 100% 100%;
}
.wrap .game-area .draw-time .count-down,
@@ -321,7 +321,7 @@ body {
width: 4.2933333333rem;
height: 0.96rem;
line-height: 0.8266666667rem;
background: url("../images/count-down.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-count-down.png") no-repeat 0 0/100% 100%;
text-align: center;
font-size: 0.32rem;
color: #B82F1A;
@@ -332,7 +332,7 @@ body {
width: 4.9066666667rem;
height: 0.9066666667rem;
line-height: 0.9066666667rem;
background: url("../images/tip.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-tip.png") no-repeat 0 0/100% 100%;
font-size: 0.2933333333rem;
color: #F0C799;
}
@@ -593,7 +593,7 @@ body {
.wrap .game-area .draw-time .put-wrap .list .item p {
width: 0.8266666667rem;
height: 0.8266666667rem;
background: url(../images/record_bubble.png) no-repeat;
background: url("http://beta.img.pekolive.com/cf-record_bubble.png") no-repeat;
background-size: 100% 100%;
}
.wrap .game-area .draw-time .put-wrap .list .item p .gift {
@@ -625,7 +625,7 @@ body {
z-index: 99;
width: 100%;
height: 1.7333333333rem;
background: url("../images/index-bottom.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-index-bottom.png") no-repeat 0 0/100% 100%;
display: flex;
align-items: center;
}
@@ -685,7 +685,7 @@ body {
transform: translate(-50%, -50%);
width: 7.68rem;
height: 8.88rem;
background: url("../images/rule-bg.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-rule-bg.png") no-repeat 0 0/100% 100%;
font-size: 0.3466666667rem;
color: #B58147;
font-weight: 600;
@@ -708,7 +708,7 @@ body {
width: 3.36rem;
height: 0.6133333333rem;
line-height: 0.6133333333rem;
background: url("../images/title-bg.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-title-bg.png") no-repeat 0 0/100% 100%;
margin: 0 auto 0.2933333333rem;
text-align: center;
}
@@ -802,7 +802,7 @@ body {
z-index: 99;
width: 100%;
height: 100%;
background: url("../images/first.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-first.png") no-repeat 0 0/100% 100%;
}
.wrap .shade-mask-rank .shade-content-rank .rank-top .topthree-wrap .info-wrap .avatar img {
position: relative;
@@ -996,7 +996,7 @@ body {
z-index: 99;
width: 100%;
height: 1.7333333333rem;
background: url("../images/mall/bottom.png") no-repeat 0 0/100% 100%;
background: url("http://beta.img.pekolive.com/cf-bottom.png") no-repeat 0 0/100% 100%;
display: flex;
align-items: center;
}

51
view/peko/activity/act-ocean/css/index.scss
View File

@@ -1,6 +1,9 @@
@function px2rem($px, $rem: 75) {
@return $px / $rem+rem;
}
@function prefixurl() {
@return 'http://beta.img.pekolive.com/'
}
@font-face {
font-family: 'pingfang-bold';
@@ -71,7 +74,7 @@ body {
color: white;
display: flex;
align-items: center;
background: url('../images/previous-result-bg.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-previous-result-bg.png') no-repeat 0 0/100% 100%;
z-index: 9;
span {
@@ -92,7 +95,7 @@ body {
width: px2rem(40);
height: px2rem(40);
margin-left: px2rem(8);
background: url('../images/little-bubble.png') 0 0/100% 100%;
background: url(prefixurl()+'cf-little-bubble.png') 0 0/100% 100%;
// &:nth-child(11){
// width: px2rem(40, );
@@ -138,7 +141,7 @@ body {
z-index: 9;
width: 100%;
height: px2rem(1054);
background: url('../images/game-area.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-game-area.png') no-repeat 0 0/100% 100%;
.roundId {
font-size: px2rem(20, );
@@ -162,7 +165,7 @@ body {
width: px2rem(322);
height: px2rem(72);
line-height: px2rem(62);
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
text-align: center;
font-size: px2rem(24);
font-weight: bold;
@@ -174,7 +177,7 @@ body {
width: px2rem(368);
height: px2rem(68);
line-height: px2rem(68);
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-tip.png') no-repeat 0 0/100% 100%;
font-size: px2rem(22);
color: #F0C799;
}
@@ -193,7 +196,7 @@ body {
height: px2rem(148);
margin-top: px2rem(130);
margin-right: px2rem(32);
background: url('../images/bubble-bg.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-bubble-bg.png') no-repeat 0 0/100% 100%;
&:nth-child(-n+4) {
margin-top: px2rem(80);
@@ -213,7 +216,7 @@ body {
height: px2rem(28);
line-height: px2rem(28);
text-align: center;
background: url('../images/multiple-bg.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-multiple-bg.png') no-repeat 0 0/100% 100%;
font-size: px2rem(20);
font-weight: bold;
color: white;
@@ -229,7 +232,7 @@ body {
box-sizing: border-box;
width: px2rem(136);
height: px2rem(58);
background: url('../images/name-bg.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-name-bg.png') no-repeat 0 0/100% 100%;
text-align: center;
font-size: px2rem(20);
font-weight: bold;
@@ -238,7 +241,7 @@ body {
&.general {
height: px2rem(46);
line-height: px2rem(30);
background: url('../images/name-general-bg.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-name-general-bg.png') no-repeat 0 0/100% 100%;
}
.gift-price {
@@ -256,7 +259,7 @@ body {
position: absolute;
top: px2rem(-72);
left: px2rem(-28);
background: url('../images/qipao-2s.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-qipao-2s.png') no-repeat 0 0/100% 100%;
transform: rotate(343deg);
text-indent: px2rem(16);
@@ -304,20 +307,20 @@ body {
width: px2rem(710);
height: px2rem(126);
margin: px2rem(140) auto 0;
background: url('../images/btn-wrap-bg.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-btn-wrap-bg.png') no-repeat 0 0/100% 100%;
div {
display: flex;
justify-content: center;
width: px2rem(190);
height: px2rem(80);
background: url('../images/fragment-btn.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-fragment-btn.png') no-repeat 0 0/100% 100%;
line-height: px2rem(80);
font-size: px2rem(30);
color: #975B25;
&.active {
background-image: url('../images/fragment-btn-active.png');
background-image: url(prefixurl()+'cf-fragment-btn-active.png');
color: #B33E17;
}
@@ -368,7 +371,7 @@ body {
width: px2rem(322);
height: px2rem(72);
line-height: px2rem(62);
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
text-align: center;
color: #B82F1A;
font-size: px2rem(24);
@@ -380,7 +383,7 @@ body {
width: px2rem(368);
height: px2rem(68);
line-height: px2rem(68);
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-tip.png') no-repeat 0 0/100% 100%;
text-align: center;
font-size: px2rem(22);
color: #FFF0C799;
@@ -397,7 +400,7 @@ body {
width: px2rem(210, );
height: px2rem(213, );
margin: 1.2rem auto 0.2rem;
background: url(../images/drawBg.png);
background: url(prefixurl()+'cf-drawBg.png');
background-size: 100% 100%;
.count-down,
@@ -410,7 +413,7 @@ body {
width: px2rem(322);
height: px2rem(72);
line-height: px2rem(62);
background: url('../images/count-down.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-count-down.png') no-repeat 0 0/100% 100%;
text-align: center;
font-size: px2rem(24);
color: #B82F1A;
@@ -422,7 +425,7 @@ body {
width: px2rem(368);
height: px2rem(68);
line-height: px2rem(68);
background: url('../images/tip.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-tip.png') no-repeat 0 0/100% 100%;
font-size: px2rem(22);
color: #F0C799;
}
@@ -736,7 +739,7 @@ body {
p {
width: px2rem(62, );
height: px2rem(62, );
background: url(../images/record_bubble.png) no-repeat;
background: url(prefixurl()+'cf-record_bubble.png') no-repeat;
background-size: 100% 100%;
.gift {
@@ -780,7 +783,7 @@ body {
z-index: 99;
width: 100%;
height: px2rem(130);
background: url('../images/index-bottom.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-index-bottom.png') no-repeat 0 0/100% 100%;
display: flex;
// justify-content: space-evenly;
align-items: center;
@@ -850,7 +853,7 @@ body {
transform: translate(-50%, -50%);
width: px2rem(576);
height: px2rem(666);
background: url('../images/rule-bg.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-rule-bg.png') no-repeat 0 0/100% 100%;
// padding: px2rem(56) px2rem(54) px2rem(42) px2rem(40);
// box-sizing: border-box;
font-size: px2rem(26);
@@ -875,7 +878,7 @@ body {
width: px2rem(252);
height: px2rem(46);
line-height: px2rem(46);
background: url('../images/title-bg.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-title-bg.png') no-repeat 0 0/100% 100%;
margin: 0 auto px2rem(22);
text-align: center;
}
@@ -987,7 +990,7 @@ body {
z-index: 99;
width: 100%;
height: 100%;
background: url('../images/first.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-first.png') no-repeat 0 0/100% 100%;
}
img {
@@ -1218,7 +1221,7 @@ body {
z-index: 99;
width: 100%;
height: px2rem(130);
background: url('../images/mall/bottom.png') no-repeat 0 0/100% 100%;
background: url(prefixurl()+'cf-bottom.png') no-repeat 0 0/100% 100%;
display: flex;
align-items: center;

6
view/peko/activity/act-ocean/css/record.css
View File

@@ -47,7 +47,7 @@ body {
.record-list li {
width: 100%;
height: 6.9733333333rem;
background: url(../images/record/record-bg.png) no-repeat;
background: url("http://beta.img.pekolive.com/cf-record-bg.png") no-repeat;
background-size: 100% 100%;
border-radius: 0.2666666667rem;
overflow: hidden;
@@ -102,7 +102,7 @@ body {
.record-list li .result-wrap .result .bg {
width: 1.2133333333rem;
height: 1.2133333333rem;
background: url(../images/record_bubble_act.png) no-repeat;
background: url("http://beta.img.pekolive.com/cf-record_bubble_act.png") no-repeat;
background-size: 100% 100%;
text-align: center;
}
@@ -159,7 +159,7 @@ body {
.record-list li .put-wrap .list .item p {
width: 0.8266666667rem;
height: 0.8266666667rem;
background: url(../images/record_bubble.png) no-repeat;
background: url("http://beta.img.pekolive.com/cf-record_bubble.png") no-repeat;
background-size: 100% 100%;
}
.record-list li .put-wrap .list .item p .gift {

9
view/peko/activity/act-ocean/css/record.scss
View File

@@ -1,6 +1,9 @@
@function px2rem($px, $rem: 75) {
@return $px / $rem+rem;
}
@function prefixurl() {
@return 'http://beta.img.pekolive.com/'
}
@font-face {
font-family: 'pingfang-bold';
@@ -62,7 +65,7 @@ body {
width: 100%;
height: px2rem(523, );
// background: linear-gradient(0deg, #46BBC1 0%, #62DEE4 100%);
background: url(../images/record/record-bg.png) no-repeat;
background: url(prefixurl()+'cf-record-bg.png') no-repeat;
background-size: 100% 100%;
border-radius: px2rem(20, );
overflow: hidden;
@@ -129,7 +132,7 @@ body {
.bg {
width: px2rem(91, );
height: px2rem(91, );
background: url(../images/record_bubble_act.png) no-repeat;
background: url(prefixurl()+'cf-record_bubble_act.png') no-repeat;
background-size: 100% 100%;
text-align: center;
@@ -197,7 +200,7 @@ body {
p {
width: px2rem(62, );
height: px2rem(62, );
background: url(../images/record_bubble.png) no-repeat;
background: url(prefixurl()+'cf-record_bubble.png') no-repeat;
background-size: 100% 100%;
.gift {

8
view/peko/activity/act-ocean/css/result.css
View File

@@ -17,7 +17,7 @@ body {
.header {
width: 10rem;
height: 4.2266666667rem;
background: url(../images/result_main.png);
background: url("http://beta.img.pekolive.com/cf-result_main.png");
background-size: 100% 100%;
margin: 0 auto;
position: relative;
@@ -45,7 +45,7 @@ body {
.main {
width: 10rem;
height: 15.6rem;
background: url(../images/game-area.png);
background: url("http://beta.img.pekolive.com/cf-game-area.png");
background-size: 100% 100%;
margin: -1.85rem auto 0;
position: relative;
@@ -55,7 +55,7 @@ body {
width: 9.4533333333rem;
height: 1.1466666667rem;
line-height: 1.1466666667rem;
background: url(../images/result_list_bg.png);
background: url("http://beta.img.pekolive.com/cf-result_list_bg.png");
background-size: 100% 100%;
box-sizing: border-box;
margin: 0 auto 0.24rem;
@@ -86,7 +86,7 @@ body {
height: 0.8266666667rem;
line-height: 1.1466666667rem;
margin-left: 0.4666666667rem;
background: url(../images/record_bubble.png);
background: url("http://beta.img.pekolive.com/cf-record_bubble.png");
background-size: 100% 100%;
}
.main li .list p img {

12
view/peko/activity/act-ocean/css/result.scss
View File

@@ -1,6 +1,10 @@
@function px2rem($px, $rem: 75) {
@return $px / $rem+rem;
}
@function prefixurl() {
@return 'http://beta.img.pekolive.com/'
}
@font-face {
font-family: 'pingfang-bold';
@@ -27,7 +31,7 @@ body {
.header {
width: px2rem(750, );
height: px2rem(317, );
background: url(../images/result_main.png);
background: url(prefixurl()+'cf-result_main.png');
background-size: 100% 100%;
margin: 0 auto;
position: relative;
@@ -57,7 +61,7 @@ body {
.main {
width: px2rem(750, );
height: px2rem(1170, );
background: url(../images/game-area.png);
background: url(prefixurl()+'cf-game-area.png');
background-size: 100% 100%;
margin: -1.85rem auto 0;
position: relative;
@@ -67,7 +71,7 @@ body {
width: px2rem(709, );
height: px2rem(86, );
line-height: px2rem(86, );
background: url(../images/result_list_bg.png);
background: url(prefixurl()+'cf-result_list_bg.png');
background-size: 100% 100%;
box-sizing: border-box;
margin: 0 auto 0.24rem;
@@ -101,7 +105,7 @@ body {
height: px2rem(62, );
line-height: px2rem(86, );
margin-left: px2rem(35, );
background: url(../images/record_bubble.png);
background: url(prefixurl()+'cf-record_bubble.png');
background-size: 100% 100%;
img {

38
view/peko/activity/act-ocean/index.html
View File

@@ -14,9 +14,9 @@
<body>
<div class="wrap no-in-app">
<!-- <div class="wrap "> -->
<div class="banner"><img src="./images/banner.png" alt=""></div>
<div class="rule"><img src="./images/rule.png" alt=""></div>
<div class="record"><img src="./images/record.png" alt=""></div>
<div class="banner"><img src="http://beta.img.pekolive.com/cf-banner.png" alt=""></div>
<div class="rule"><img src="http://beta.img.pekolive.com/cf-rule.png" alt=""></div>
<div class="record"><img src="http://beta.img.pekolive.com/cf-record.png" alt=""></div>
<!-- 特权商城 -->
<div class="mall" style="display: none;">
@@ -50,8 +50,8 @@
</ul>
<div class="shelf"><img src="./images/shelf.png" alt=""></div>
<div class="shelf"><img src="./images/shelf.png" alt=""></div>
<div class="shelf"><img src="http://beta.img.pekolive.com/cf-shelf.png" alt=""></div>
<div class="shelf"><img src="http://beta.img.pekolive.com/cf-shelf.png" alt=""></div>
</div>
<!-- 等待结果 -->
<div class="wait-time">
@@ -73,7 +73,7 @@
<!-- <div class="item">
<p><img src="" class="gift" alt=""></p>
<div>
<img src="./images/diamond.png" class="diamond" alt="">
<img src="cf-diamond.png" class="diamond" alt="">
<span class="in"></span>
</div>
</div> -->
@@ -82,7 +82,7 @@
<!-- 用户本轮中奖情况 -->
<div class="award-info">
<div class="desc">奖励</div>
<img src="./images/diamond.png" class="diamond" alt="">
<img src="http://beta.img.pekolive.com/cf-diamond.png" class="diamond" alt="">
<div class="award-wrap"></div>
</div>
<!-- 本轮前3名 -->
@@ -95,28 +95,28 @@
<div class="top-three-list">
<div class="no no1">
<img src="./images/logo.png" class="tx" alt="">
<img src="./images/no1.png" class="txBox" alt="">
<img src="http://beta.img.pekolive.com/cf-no1.png" class="txBox" alt="">
<div class="nick">虚位以待</div>
<div class="num">
<img src="./images/diamond.png" class="diamond" alt="">
<img src="http://beta.img.pekolive.com/cf-diamond.png" class="diamond" alt="">
<span></span>
</div>
</div>
<div class="no no2">
<img src="./images/logo.png" class="tx" alt="">
<img src="./images/no2.png" class="txBox" alt="">
<img src="http://beta.img.pekolive.com/cf-no2.png" class="txBox" alt="">
<div class="nick">虚位以待</div>
<div class="num">
<img src="./images/diamond.png" class="diamond" alt="">
<img src="http://beta.img.pekolive.com/cf-diamond.png" class="diamond" alt="">
<span></span>
</div>
</div>
<div class="no no3">
<img src="./images/logo.png" class="tx" alt="">
<img src="./images/no3.png" class="txBox" alt="">
<img src="http://beta.img.pekolive.com/cf-no3.png" class="txBox" alt="">
<div class="nick">虚位以待</div>
<div class="num">
<img src="./images/diamond.png" class="diamond" alt="">
<img src="http://beta.img.pekolive.com/cf-diamond.png" class="diamond" alt="">
<span></span>
</div>
</div>
@@ -141,7 +141,7 @@
<p><img src="" alt=""></p>
<!-- <p><img src="" alt=""></p> -->
</div>
<span class="more-result"><img src="./images/btn_result.png" alt=""></span>
<span class="more-result"><img src="http://beta.img.pekolive.com/cf-btn_result.png" alt=""></span>
</div>
<!-- 个人信息 -->
@@ -151,8 +151,8 @@
<div class="diamond-num">我的鉆石：<span>0</span></div>
<div class="fragment-num">今日奖励：<span>0</span></div>
</div>
<div class="add"><img src="./images/add.png" alt=""></div>
<div class="rank"><img src="./images/rank.png" alt=""></div>
<div class="add"><img src="http://beta.img.pekolive.com/cf-add.png" alt=""></div>
<div class="rank"><img src="http://beta.img.pekolive.com/cf-rank.png" alt=""></div>
</div>
<!-- 规则弹窗 -->
@@ -162,14 +162,14 @@
<div class="cyfs">
<p class="title">参与方式</p>
用戶可通過花費鉆石參與《星級廚房》遊戲，每次最少消耗100鉆石，每回合時間30秒
<p class="jietu"><img src="./images/t1.png" alt=""></p>
<p class="jietu"><img src="http://beta.img.pekolive.com/cf-t1.png" alt=""></p>
</div>
<div class="lwff">
<p class="title">礼物发放</p>
每次參與遊戲後會獲得一次禮物開獎機會
<p class="jietu t2"><img src="./images/t2.png" alt=""></p>
<p class="jietu t2"><img src="http://beta.img.pekolive.com/cf-t2.png" alt=""></p>
每次隨機從8種食材中選取一個作為中獎物品，中獎後獲得【中獎物品購買碎片數*中獎物品對應倍數*100】的鉆石獎勵，鉆石將直接發放到錢包
<p class="jietu t3"><img src="./images/t3.png" alt=""></p>
<p class="jietu t3"><img src="http://beta.img.pekolive.com/cf-t3.png" alt=""></p>
例如購買1個5倍的番茄，中獎後獲得1*5*100的鉆石
</div>
<div class="qtsm">

4
view/peko/activity/act-ocean/js/index.js
View File

@@ -248,7 +248,7 @@ const showView = () => {
// 播放5s動畫
let player = new SVGA.Player('.wait-time');
let parser = new SVGA.Parser('.wait-time');
parser.load('./images/wait.svga', function (videoItem) {
parser.load('http://beta.img.pekolive.com/cf-wait.svga', function (videoItem) {
// player.loops = 2;
player.clearsAfterStop = false;
player.setVideoItem(videoItem);
@@ -451,7 +451,7 @@ const renderDrawInfo = () => {
<div class="item">
<p><img src="${res.imgUrl}" class="gift" alt=""></p>
<div>
<img src="./images/diamond.png" class="diamond" alt="">
<img src="http://beta.img.pekolive.com/cf-diamond.png" class="diamond" alt="">
<span class="in">${res.costPieceNum}</span>
</div>
</div>

2
view/peko/activity/act-ocean/result.html
View File

@@ -14,7 +14,7 @@
<body>
<div class="result">
<div class="header">
<img src="./images/count-down.png" class="title" alt="">
<img src="http://beta.img.pekolive.com/cf-count-down.png" class="title" alt="">
<span>前50轮中奖结果</span>
</div>
<ul class="main">