172 lines
6.9 KiB
HTML
172 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<title>幸運塔羅</title>
|
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- 頂部返回 -->
|
|
<div class="back">
|
|
<img src="./images/travel/back.png" alt="">
|
|
<!-- <p>幸運塔羅</p> -->
|
|
</div>
|
|
<!-- 主視覺 -->
|
|
<img src="./images/header.png" alt="" class="header">
|
|
<!-- 轮盘动效 -->
|
|
<div class="roulette">
|
|
<div class="roulette_in"></div>
|
|
</div>
|
|
<!-- 十倍鉆石 -->
|
|
<img src="./images/10Gold.png" alt="" class="gold_10">
|
|
<!-- 玩法介紹 -->
|
|
<div class="rule">玩法介紹</div>
|
|
<!-- 中獎記錄 -->
|
|
<div class="record">中獎記錄</div>
|
|
<!-- 塔羅大背景 -->
|
|
<div class="tarotBox">
|
|
<!-- 選擇等級tab -->
|
|
<div class="tabBox">
|
|
<div class="active1 tabBox1">初級卡<br><b>100鉆/張</b></div>
|
|
<div class="tabBox2">中級卡<br><b>1000鉆/張</b></div>
|
|
<div class="tabBox3">高級卡<br><b>10000鉆/張</b></div>
|
|
</div>
|
|
<!-- 等級介紹 -->
|
|
<p class="gradeText">翻到鉆石卡獲得<b>1000</b>鉆石</p>
|
|
<!-- 剩余鉆石 -->
|
|
<div class="diamond">
|
|
<img src="./images/diamond.png" alt="" class="diamondIcon">
|
|
<b>0</b>
|
|
<img src="./images/add.png" alt="" class="add">
|
|
</div>
|
|
<!-- 默認卡片 -->
|
|
<div class="cardBox cardBox0 card1"></div>
|
|
<div class="cardBox cardBox1 card1"></div>
|
|
<div class="cardBox cardBox2 card1"></div>
|
|
<div class="cardBox cardBox3 card1"></div>
|
|
<div class="cardBox cardBox4 card1"></div>
|
|
<div class="cardBox cardBox5 card1"></div>
|
|
<div class="cardBox cardBox6 card1"></div>
|
|
<div class="cardBox cardBox7 card1"></div>
|
|
<div class="cardBox cardBox8 card1"></div>
|
|
<div class="cardBox cardBox9 card1"></div>
|
|
<!-- 中級卡片 -->
|
|
<div class="cardBox cardBox0 card2"></div>
|
|
<div class="cardBox cardBox1 card2"></div>
|
|
<div class="cardBox cardBox2 card2"></div>
|
|
<div class="cardBox cardBox3 card2"></div>
|
|
<div class="cardBox cardBox4 card2"></div>
|
|
<div class="cardBox cardBox5 card2"></div>
|
|
<div class="cardBox cardBox6 card2"></div>
|
|
<div class="cardBox cardBox7 card2"></div>
|
|
<div class="cardBox cardBox8 card2"></div>
|
|
<div class="cardBox cardBox9 card2"></div>
|
|
<!-- 高級卡片 -->
|
|
<div class="cardBox cardBox0 card3"></div>
|
|
<div class="cardBox cardBox1 card3"></div>
|
|
<div class="cardBox cardBox2 card3"></div>
|
|
<div class="cardBox cardBox3 card3"></div>
|
|
<div class="cardBox cardBox4 card3"></div>
|
|
<div class="cardBox cardBox5 card3"></div>
|
|
<div class="cardBox cardBox6 card3"></div>
|
|
<div class="cardBox cardBox7 card3"></div>
|
|
<div class="cardBox cardBox8 card3"></div>
|
|
<div class="cardBox cardBox9 card3"></div>
|
|
<!-- 女神眷顧妳 -->
|
|
<div class="cardBoxText_gift">願幸運之神眷顧妳</div>
|
|
<!-- 中獎文按提示 -->
|
|
<div class="cardBoxText_gx">
|
|
<p>翻到鉆石卡!</p>
|
|
<p>獲得 <b>0</b> 鉆石</p>
|
|
</div>
|
|
<!-- 選擇文按提示 -->
|
|
<div class="cardBoxText">
|
|
<p>共選擇 <b>0</b> 張</p>
|
|
<p>獲得<i>0</i>鉆石的概率為<b>0%</b></p>
|
|
</div>
|
|
<!-- 星星动效 -->
|
|
<div class="star">
|
|
<div class="star_in"></div>
|
|
</div>
|
|
<!-- 沒中文案提示 -->
|
|
<div class="cardBoxText_no">
|
|
<p>差一點就成功了</p>
|
|
<p>別灰心</p>
|
|
</div>
|
|
<!-- 翻拍按鈕 -->
|
|
<img src="./images/but1.png" alt="" class="cardBoxBut">
|
|
<!-- 再翻一次按鈕 -->
|
|
<img src="./images/butAgain1.png" alt="" class="butAgain">
|
|
<!-- 公告 -->
|
|
<div class="gonggao">
|
|
<ul class="ul1">
|
|
<!-- <li>恭喜 <b>111誰誰誰誰誰...</b>翻開 <b>初級卡</b> 獲得 <i>1000鉆石</i></li>
|
|
<li>恭喜 <b>222誰誰誰誰誰...</b>翻開 <b>初級卡</b> 獲得 <i>1000鉆石</i></li>
|
|
<li>恭喜 <b>333誰誰誰誰誰...</b>翻開 <b>初級卡</b> 獲得 <i>1000鉆石</i></li>
|
|
<li>恭喜 <b>444誰誰誰誰誰...</b>翻開 <b>初級卡</b> 獲得 <i>1000鉆石</i></li> -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- 本活動最終解釋權歸所有&本活動以及活動獎勵與蘋果公司無關 -->
|
|
<h3>本活動最終解釋權歸piko所有</h3>
|
|
<h3>本活動以及活動獎勵與Google/蘋果公司無關</h3>
|
|
<!-- 活動規則彈窗 -->
|
|
<div class="rule_pub">
|
|
<div class="rule_pub_in">
|
|
<img src="./images/close.png" alt="" class="close">
|
|
</div>
|
|
</div>
|
|
<div class="winningRecord">
|
|
<div class="winningRecord_in">
|
|
<div class="title">
|
|
<div>等級</div>
|
|
<div>選擇卡牌</div>
|
|
<div>中獎情況</div>
|
|
<div>時間</div>
|
|
</div>
|
|
<ul>
|
|
<!-- <li>
|
|
<div>初級卡</div>
|
|
<div>X張</div>
|
|
<div class="box">未中獎</div>
|
|
<div class="time">2021.05.14<br>15:00:00</div>
|
|
</li>
|
|
<li>
|
|
<div>初級卡</div>
|
|
<div>X張</div>
|
|
<div class="box_acitve">中獎<br>1000000鉆石</div>
|
|
<div class="time">2021.05.14<br>15:00:00</div>
|
|
</li> -->
|
|
</ul>
|
|
<img src="./images/close.png" alt="" class="close">
|
|
</div>
|
|
</div>
|
|
<!-- 余額不足提示彈窗 -->
|
|
<div class="shade-mask-fragmentNum">
|
|
<div class="shade-content-fragmentNum">
|
|
<div class="fragmentNum-title">鉆石余額不足</div>
|
|
<img src="./images/no-money.png" alt="">
|
|
<p>當前鉆石不足</p>
|
|
<div class="fragmentNum-btn-wrap">
|
|
<div class="cancel-btn">取消</div>
|
|
<div class="confirm-btn">獲取鉆石</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|
|
<script src="../../common/js/flexible.js"></script>
|
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
|
<script src="../../common/js/common2.js"></script>
|
|
<script src="../../common/js/layer.js"></script>
|
|
<script src="../../common/js/vconsole.min.js"></script>
|
|
<script src="../../common/js/svga.min.js"></script>
|
|
<script src="./js/index.js"></script> |