Files
peko-h5/view/peko/activity/2023-Valentines-Day/index.html
2023-09-04 11:51:18 +08:00

381 lines
16 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>情定cp 缔结良缘</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
<link rel="stylesheet" href="./css/index.css?v=1.43">
</head>
<body>
<div class="wrap no-in-app">
<!-- 主视觉 -->
<div class="banner"><img src="./images/main.png" alt=""></div>
<div class="mycp"><img src="./images/btn_cp.png" alt=""></div>
<div class="unread">0</div>
<div class="rule"><img src="./images/btn_rule.png" alt=""></div>
<!-- 情缘信物 -->
<div class="letter-wrap">
<div class="tips">購買並贈送CP信物對方同意締結後即可結成CP<br>送情人節限定禮物和信物都能增加情緣值喲~</div>
<div class="cp_record">CP獎勵記錄</div>
<div class="letter">
<div class="imgbox">
<img src="./images/letter_gift.png" alt="">
</div>
<p>我的信物:<e>0</e></p>
<div class="letter_rule">締結CP後互送情人節限定禮物積攢<br>情緣值即可獲得豐厚特權獎勵~</div>
</div>
<div class="but">
<input type="number" value="1" maxlength="999"
onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<!-- 获取信物按钮 -->
<div class="get_letter">
<img src="./images/get_letter.png" alt="">
</div>
<!-- 特权奖励 -->
<div class="award_title">
<img class="line" src="./images/line_l.png" alt="">
<span>特權獎勵</span>
<img class="line" src="./images/line_r.png" alt="">
</div>
<div class="subheard">達到相應的情緣值即可獲得對應特權獎勵哦~</div>
<div class="award">
<div class="giftbox">
<img src="./images/special1.png" alt="">
<span>一見鐘情</span>
<p>10000情緣值</p>
</div>
<img class="arrow" src="./images/arrows.png" alt="">
<div class="giftbox">
<img src="./images/special2.png" alt="">
<span>情竇初開</span>
<p>52000情緣值</p>
</div>
<img class="arrow" src="./images/arrows.png" alt="">
<div class="giftbox">
<img src="./images/special3.png" alt="">
<span>心心相印</span>
<p>131400情緣值</p>
</div>
<img class="arrow" src="./images/arrows.png" alt="">
<div class="giftbox">
<img src="./images/special4.png" alt="">
<span>緣定今生</span>
<p>334400情緣值</p>
</div>
</div>
</div>
<img class="bling0" src="./images/bling0.png" alt="">
<!-- 礼物轮播 -->
<div class="swiper-title"></div>
<div class="swiper-container swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="./images/slide1.png" alt="">
</div>
<div class="swiper-slide">
<img src="./images/slide2.png" class="slide2" alt="">
</div>
</div>
<!-- <div class="swiper-pagination swp"></div> -->
</div>
<img class="bling1" src="./images/bling1.png" alt="">
<!-- 送礼得情签 -->
<div class="petition_title"></div>
<div class="petition-wrap">
<div class="myticket">
<span>我的情簽: <e></e></span>
<div class="charge">兌換記錄</div>
</div>
<div class="subheard">贈送情人節限定禮物,送出一個禮物可得對應數量的「幸運情簽」,且可增加CP間的情緣值情簽可兌換特權或抽獎喲~</div>
<div class="chargeTab">
<div class="item itemact">兌換好禮</div>
<div class="item">幸運靚號</div>
</div>
<ul class="gift-wrap">
<li class="li1">
<div class="giftbg">
<img class="mingpai" src="./images/mingpai.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換銘牌</div>
<p><e></e>情签一次</p>
</li>
<li class="li2">
<div class="giftbg">
<img class="gift" src="./images/ziliaoka.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換資料卡</div>
<p><e></e>情签一次</p>
</li>
<li class="li3">
<div class="giftbg">
<img class="gift" src="./images/toushi.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換頭飾</div>
<p><e></e>情签一次</p>
</li>
<li class="li4">
<div class="giftbg">
<img class="gift" src="./images/zuojia.png" alt="">
</div>
<span></span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">兌換座駕</div>
<p><e></e>情签一次</p>
</li>
</ul>
<ul class="number-wrap" style="display: none;">
<li>
<div class="giftbg">
<img class="gift" src="./images/lianghao.png" alt="">
</div>
<span>幸運靚號(52***)1組</span>
<div class="but">
<input type="number" value="1" onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))">
<img src="./images/btn_add.png" class="add" alt="">
<img src="./images/btn_cut.png" class="cut" alt="">
</div>
<div class="btn">抽取靚號</div>
<p><e></e>情签一次</p>
<div class="tips">中獎後請聯系客服領取哦~</div>
</li>
</ul>
</div>
<img class="bling2" src="./images/bling2.png" alt="">
<!-- 榜单 -->
<div class="rank_title"></div>
<div class="rank-wrap">
<!-- 奖励 -->
<img src="./images/rankAward.png" class="reward" alt="">
<!-- 榜单列表 -->
<div class="list">
<div class="no1">
<div class="txbox1">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="txbox2">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="nick1">虛位以待</div>
<div class="nick2">虛位以待</div>
<img src="./images/xin.png" class="xin" alt="">
<div class="score">情緣值:<b>0</b></div>
</div>
<ul>
<!-- <li>
<div class="num">2</div>
<div class="txbox1">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="txbox2">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="nick1"></div>
<div class="nick2"></div>
<img src="./images/xin.png" class="xin" alt="">
<span>情緣值</span>
<div class="score"></div>
</li>
<li><p>等你來上榜~</p></li> -->
</ul>
</div>
<div class="myRank">
<div class="num">未上榜</div>
<div class="txbox1">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="txbox2">
<img src="./images/logo.png" class="tx" alt="">
</div>
<div class="nick1">暫無cp</div>
<div class="nick2">暫無cp</div>
<img src="./images/myxin.png" class="xin" alt="">
<span>情緣值</span>
<div class="score">0</div>
</div>
</div>
</div>
<!-- 恭喜获得弹窗1,2 -->
<div class="gx">
<div class="gx_in">
<img src="./images/close.png" class="close" alt="">
<ul class="box">
<li>
<div class="bg">
<img src="./images/logo.png" alt="">
</div>
<span></span>
</li>
</ul>
<img src="./images/btn_sure.png" class="sure" alt="">
<div class="tips">奖励将自动发放到装扮中心,快去展示自己吧~</div>
<!-- <div class="tips">*情人节限定5位靓号:52XXXXXX为随机数字一组为2个靓号<br>联系客服领取LINE: pekoyuyin)</div> -->
</div>
</div>
<!-- 我的cp弹窗 -->
<div class="mycpBox">
<div class="mycp_in">
<img src="./images/close.png" class="close" alt="">
<div class="tishi">*CP一旦結成不可取消</div>
<p>
<span>我的CP</span>
<span>情缘值</span>
<span>状态</span>
</p>
<ul class="box">
<li>
<b>CP1的昵称...</b>
<b class="cpValue">170011703</b>
<span class="pass">已缔结</span>
</li>
<li>
<b>CP1的昵称...</b>
<b class="cpValue">170011703</b>
<span class="waitpass" inviterUid="2346">可通过</span>
</li>
<li>
<b>Cp1的昵称...</b>
<b class="cpValue">170011703</b>
<span class="canpass">待通过</span>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- cp奖励记录弹窗 -->
<div class="cpRecordBox">
<div class="cpRecord_in">
<img src="./images/close.png" class="close" alt="">
<p>
<span>时间</span>
<span>我的CP</span>
<span>情缘等级</span>
<span>奖励</span>
</p>
<ul class="box">
<li>
<b>08.31 <e>23:23</e></b>
<b>CP1的昵称...</b>
<b>缘定今生</b>
<b class="jiangli">XXX座驾1天*1组</b>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- 情签抽奖记录弹窗 -->
<div class="drawBox">
<div class="draw_in">
<img src="./images/close.png" class="close" alt="">
<p>
<span>时间</span>
<span>消耗情签</span>
<span>奖励</span>
</p>
<ul class="box">
<li>
<b>08.31 <e>23:23</e></b>
<b>38</b>
<b class="number">幸运靓号1组</b>
</li>
<li>
<b>08.31 <e>23:23</e></b>
<b>38</b>
<b class="number">未中奖</b>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- 情签兑换记录弹窗 -->
<div class="exchangeBox">
<div class="exchange_in">
<img src="./images/close.png" class="close" alt="">
<p>
<span>时间</span>
<span>消耗情签</span>
<span>奖励</span>
<span>奖励天数</span>
</p>
<ul class="box">
<li>
<b>08.31 <e>23:23</e></b>
<b>28</b>
<b>缘定今生</b>
<b>1天</b>
</li>
</ul>
<div class="tips">暫無更多記錄~</div>
</div>
</div>
<!-- 规则弹窗 -->
<div class="ruleBox">
<div class="rule_in">
<img src="./images/close.png" class="close" alt="">
<div class="box">
<img src="./images/rule.png" alt="">
</div>
</div>
</div>
<!-- 榜單獎勵 -->
<div class="rewardBox">
<div class="reward_in">
<img src="./images/close.png" class="close" alt="">
<div class="box">
<img src="./images/cpAward.png" alt="">
</div>
</div>
</div>
<!-- 温馨提示 -->
<div class="tishiBox">
<div class="tishi_in">
<div class="title">鉆石不足,請充值後再來獲取信物吧~</div>
<img src="./images/to_charge.png" class="recharge" alt="">
<img src="./images/close.png" class="close" alt="">
</div>
</div>
<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="./js/swiper-bundle.min.js"></script>
<script src="./js/index.js?v=1.43"></script>
</body>
</html>