moliparty/peko-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
1faa0d238e5c2bf5c012f2c5f8d8289354bacb6f
peko-h5/view/peko/activity/goodLuckCard/index.html

151 lines
6.8 KiB
HTML
Raw Normal View History

peko
2022-09-08 18:22:18 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>许愿集福 瓜分20万大奖</title>
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="">
<script src="../../common/js/flexible.js"></script>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 主背景 -->
<img class="hostBg" src="./image/hostBg.png" alt="">
<!-- 标题 -->
<div class="title">
<div class="title_time">1月27日~2月11日</div>
<div class="title_text">
<p>活动期间许愿可开出福气卡</p>
解决星级厨房遗漏繁，修改钻字段
2022-10-22 15:17:05 +08:00
<p>集齐福气卡可获得瓜分<b>20万</b>鉆石的机会</p>
peko
2022-09-08 18:22:18 +08:00
<p>集齐次数越多，瓜分次数越多</p>
<p>（幸运许愿池和梦幻许愿池都可以参与噢~）</p>
</div>
<div class="title_people">当前已有<b>0</b>人集齐全套福卡</div>
</div>
<!-- 福卡 -->
<div class="foca">
<div class="foca_card">
<div class="card" style="background: url(./image/patrioticCard.png) no-repeat;background-size: 100% 100%;">
<div class="card_number"></div>
</div>
<div class="card" style="background: url(./image/accordCard.png) no-repeat;background-size: 100% 100%;">
<div class="card_number"></div>
</div>
<div class="card" style="background: url(./image/friendlyCard.png) no-repeat;background-size: 100% 100%;">
<div class="card_number"></div>
</div>
<div class="card"
style="background: url(./image/richAndMightyCard.png) no-repeat;background-size: 100% 100%;">
<div class="card_number"></div>
</div>
<div class="card"
style="background: url(./image/devoteToWorkCard.png) no-repeat;background-size: 100% 100%;">
<div class="card_number"></div>
</div>
</div>
<!-- 活动未开始 -->
<div class="foca_boxOut">
<!-- <p class="foca_text">还剩<b>0次</b>瓜分机会</p> -->
<div class="foca_but">点击领取</div>
<div class="foca_last">活动未开始</div>
</div>
<!--未集齐 -->
<div class="foca_box">
<p class="foca_text"></p>
<div class="foca_but">未集齐</div>
<div class="foca_countDown">集卡倒计时</div>
<div class="foca_time"><b class="dd"></b> 天 <b class="hh"> </b> 小 时 <b class="mm"> </b> 分 <b class="ss">
</b> 秒 </div>
</div>
<!-- 集齐时间未到 -->
<div class="foca_box1">
<p class="foca_text">已获得<b>2</b>次瓜分机会</p>
<div class="foca_but">2月12日00:00开奖</div>
<div class="foca_countDown">集卡倒计时</div>
<div class="foca_time"><b class="dd"></b> 天 <b class="hh"> </b> 小 时 <b class="mm"> </b> 分 <b class="ss">
</b> 秒 </div>
</div>
<!-- 集齐集卡并且倒计时结束空白期样式 -->
<div class="foca_box11">
<p class="foca_text">已获得<b></b>次瓜分机会</p>
<div class="foca_but">2月12日00:00开奖</div>
解决星级厨房遗漏繁，修改钻字段
2022-10-22 15:17:05 +08:00
<div class="foca_last">成功瓜分<b>0</b>鉆石</div>
peko
2022-09-08 18:22:18 +08:00
</div>
<!-- 没次数时间未到
<div class="foca_box2">
<p class="foca_text">还剩<b>2次</b>瓜分机会</p>
<div class="foca_but">点击领取</div>
<div class="foca_countDown">集卡倒计时</div>
<div class="foca_time"><b class="dd"></b> 天 <b class="hh"> </b> 小 时 <b class="mm"> </b> 分<b class="ss">
</b>秒 </div>
</div> -->
<!-- 瓜分成功时间已到 -->
<div class="foca_box3">
<p class="foca_text">还剩<b>2</b>次瓜分机会</p>
<div class="foca_but">点击领取</div>
解决星级厨房遗漏繁，修改钻字段
2022-10-22 15:17:05 +08:00
<div class="foca_last">成功瓜分<b>0</b>鉆石</div>
peko
2022-09-08 18:22:18 +08:00
</div>
<!-- 活动结束 -->
<div class="foca_box4">
<!-- <p class="foca_text">还剩<b>0次</b>瓜分机会</p> -->
<div class="foca_but">未集齐</div>
<div class="foca_last">活动结束</div>
</div>
</div>
<!-- 头饰 -->
<div class="headwear">
<div class="headwear_title">活动期间开出一个敬业福，还可以获得以下奖励:</div>
<div class="headwearTop">
<!-- class="activeImg" -->
<div class="top"><img src="" alt=""></div>
<div class="bottom">
<p>头饰【鸿运当头】/7天</p>
<span>与你畅谈结交，释放新年福气，辞旧迎新贺佳节。</span>
</div>
</div>
<div class="headwearTop headwearBottom">
<div class="top"><img src="" alt="" class="carPic"></div>
<div class="bottom">
<p>座驾【新年年兽】/7天</p>
<span>烟火迎春，携手祈福，新春开好运。</span>
</div>
</div>
</div>
<!-- 活动详情 -->
<div class="activityDetail">
<ul>
<li><span>1</span>集齐所有福卡即可获得瓜分奖池的机会，瓜分金额随机，集齐次数越多，瓜分次数越多，瓜分奖励统一一次发放至账户</li>
<li><span>2</span>瓜分奖励时间：<p class="tip">2月12日0点至2月15日0点</p></li>
<li><span>3</span>获得敬业福需找客服报备赠送对应的装扮，赠送次数不叠加，每人仅限报备一次装扮</li>
完成迭代1.10.0
2023-08-03 14:11:46 +08:00
<li><span>4</span>有任何疑问可添加官方客服<p class="tip">（pikokefu01）</p>进行咨询</li>
peko
2022-09-08 18:22:18 +08:00
</ul>
</div>
<!-- 尾部图片 -->
<div class="fotter"></div>
<!-- 弹窗 -->
<div class="pop_up">
<div class="pop_up_box">
<b>恭喜您成功瓜分到</b>
<span></span>
解决星级厨房遗漏繁，修改钻字段
2022-10-22 15:17:05 +08:00
<p>鉆石已自动放入您的钱包</p>
peko
2022-09-08 18:22:18 +08:00
<img src="./image/close.png" alt="">
</div>
</div>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/swiper.min.js"></script>
<!-- <script src="../../common/js/common.js?v=7.0"></script> -->
<script src="../../common/js/common2.js"></script>
<script src="js/index.js"></script>
</body>
</html>
Reference in New Issue Copy Permalink