123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
- <meta name="format-detection" content="telephone=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <title>读书挑战赛</title>
- <link rel="stylesheet" href="{:asset('/css/frontend/campaign/common.css')}">
- <link rel="stylesheet" href="{:asset('/css/frontend/campaign/base.css?v=2')}">
- <link rel="stylesheet" href="{:asset('/css/frontend/campaign/clockIn.css?v=7')}">
- <script>
- (function (doc, win) {
- var docEl = doc.documentElement,
- resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
- recalc = function () {
- var clientWidth = docEl.clientWidth;
- if (!clientWidth) return;
- docEl.style.fontSize = 100 * (clientWidth / 720) + 'px';
- };
- recalc();
- if (!doc.addEventListener) return;
- win.addEventListener(resizeEvt, recalc, false);
- doc.addEventListener('DOMContentLoaded', recalc, false);
- window.log_host = '{$log_host}';
- window.theme = '{$Think.config.template.view_theme}';
- })(document, window);
- </script>
- </head>
- <body>
- <div class="clock_in">
- <input type="hidden" id="web_status" value="{$webStatus}" pop-type="{$popType}" channel-url="{$channelUrl}">
- <input type="hidden" id="match_id" user-id="{$userId}" act-next="{$active['next']}" data-match="{$userMatch['match_id']}" data-date="{$userMatch['match_date']}" read_num="{$userMatch['num']}" data-active="{$userMatch['active_id']}" data-kandian="{$userMatch['kandian']}">
- <div class="top">
- <div class="top_tip">
- <!-- <div class="top_shadow"></div>-->
- <!-- <div class="top_list">-->
- <!-- <div class="top_item">aaa</div>-->
- <!-- <div class="top_item">aaaaa</div>-->
- <!-- <div class="top_item">aaa</div>-->
- <!-- -->
- <!-- </div>-->
- </div>
- <!-- 明天打开 -->
- <div class="top_card tomo_clock_card">
- <div class="top_card_title">
- 本期书币奖池
- </div>
- <div class="top_all_money">
- {$dateNum['totalAward']}
- </div>
- <div class="top_pub_money ">
- <div class="top_num_issue">
-
- <span class="top_where_num">{$curMatch['match_date']}期</span>
- <span class="top_where_money">{$userMatch['kandian']}书币赛场</span>
- </div>
- </div>
- <div class="top_prev" >
- 明日开始打卡,别忘了阅读{$active['read_number']}章后来打卡哦~<span style="cursor: pointer">去看好书 ></span>
- </div>
- <div class="no_start_icon"></div>
- </div>
- <!-- 今天准备打卡 -->
- <div class="today_now_clock">
- <div class="today_now_num">
- <div class="today_now_num_left">{$curMatch['match_date']}期</div>
- <div class="today_now_num_right">{$curMatch['kandian']}书币赛场</div>
- </div>
- <div class="today_middle">
- <div class="today_middle_left">
- <img src="{:asset('/img/frontend/campaign/today_now_bg.png')}" alt="">
- </div>
- <div class="today_middle_right">
- <div class="today_times">
- 今日已读<span>{$curMatch['cur_read_num']}</span>章
- </div>
- <div class="today_middle_tip">每日累计阅读{$active['read_number'] ?? 3}章即可打卡,别忘了回来哦~</div>
- </div>
- </div>
-
- <div class="clock_status">
- <div class="clock_status_bg"></div>
- {for start="1" end="$active['period']+1" temp="1" name="i"}
- <div class="clock_status_item {if $userMatch['num'] >= $i }
- clock_status_finished
- {/if}">
- {$i}
- </div>
- {/for}
- <div class="clock_status_award"></div>
- </div>
- <div class="today_footer">
- <span class="today_footer_tip">坚持{$curMatch['period']}天阅读打卡瓜分<span>{$curMatch['preKandian']}</span>书币</span>
- <span class="see_more_btn" style="cursor: pointer">去看好书></span>
- </div>
- </div>
- <!-- 打卡成功 -->
- <div class="charge_common today_success">
- <div class="today_now_num">
- <div class="today_now_num_left">{$curMatch['match_date']}期</div>
- <div class="today_now_num_right">{$curMatch['kandian']}书币赛场</div>
- </div>
- <div class="today_middle">
- <div class="today_middle_left">
- <img src="{:asset('/img/frontend/campaign/today_clock_success.png')}" alt="">
- </div>
- <div class="today_middle_right">
- <div class="today_success_text">
- 今日打卡成功!
- </div>
- <div class="today_times">
- 明天继续加油~
- </div>
-
- </div>
- </div>
- <div class="clock_status">
- <div class="clock_status_bg"></div>
- {for start="1" end="$active['period']+1" temp="1" name="i"}
- <div class="clock_status_item {if $userMatch['num'] >= $i }
- clock_status_finished
- {/if}">
- {$i}
- </div>
- {/for}
- <div class="clock_status_award"></div>
- </div>
- <div class="today_footer">
- <span class="today_footer_tip">坚持{$curMatch['period']}天阅读打卡瓜分<span>{$curMatch['preKandian']}</span>书币</span>
- <span class="see_more_btn" style="cursor: pointer">去看好书></span>
- </div>
- </div>
- <!-- 挑战成功 -->
- <div class="charge_common charge_sucess">
- <div class="today_now_num">
- <div class="today_now_num_left">{$userMatch['match_date']}期</div>
- <div class="today_now_num_right">{$userMatch['kandian']}书币赛场</div>
- </div>
- <div class="charge_success_text">
- <div>恭喜您!</div>
- <div>已完成本次挑战</div>
- </div>
- <div class="recharge_img">
- <img src="{:asset('/img/frontend/campaign/recharge_success_icon.png')}" alt="">
- </div>
- <div class="recharge_text">
- 明日开奖,瓜分<span>{$curMatch['preKandian']}</span>书币
- </div>
-
- <div class="clock_status">
- <div class="clock_status_bg"></div>
- {for start="1" end="$active['period']+1" temp="1" name="i"}
- <div class="clock_status_item {if $userMatch['num'] >= $i }
- clock_status_finished
- {/if}">
- {$i}
- </div>
- {/for}
- <div class="clock_status_award"></div>
- </div>
-
- </div>
- <!-- 领取奖励 -->
- <div class="charge_common get_awrard">
- <div class="today_now_num">
- <div class="today_now_num_left">{$userMatch['match_date']}期</div>
- <div class="today_now_num_right">{$userMatch['kandian']}书币赛场</div>
- </div>
- <div class="charge_success_text">
- <div>恭喜您!</div>
- <div class="small">已完成本次挑战</div>
- </div>
- <div class="recharge_img">
- <img src="{:asset('/img/frontend/campaign/recharge_success_icon.png')}" alt="">
- </div>
- <div class="recharge_text">
- 打败了<span>{$dateNum['canquer']}</span>用户
- </div>
- <div class="recharge_text">
- 成功瓜分<span>{$curMatch['award']}</span>书币
- </div>
-
- <div class="clock_status">
- <div class="clock_status_bg"></div>
- {for start="1" end="$active['period']+1" temp="1" name="i"}
- <div class="clock_status_item {if $userMatch['num'] >= $i }
- clock_status_finished
- {/if}">
- {$i}
- </div>
- {/for}
- <div class="clock_status_award"></div>
- </div>
-
- </div>
-
- <!-- 挑战失败 -->
- <div class="charge_common charge_failed">
- <div class="today_now_num">
- <div class="today_now_num_left">{$userMatch['match_date']}</div>
- <div class="today_now_num_right">{$userMatch['kandian']}书币赛场</div>
- </div>
- <div class="charge_success_text">
- <div>很遗憾</div>
- <div class="small">您未能完成连续打卡挑战</div>
- </div>
- <div class="recharge_img">
- <img src="{:asset('/img/frontend/campaign/recharge_failed.png')}" alt="">
- </div>
- <div class="recharge_text" style="cursor: pointer">
- 别灰心,赶快报名下一期挑战赛吧!
- </div>
-
-
- <div class="clock_status">
- <div class="clock_status_bg"></div>
- {for start="1" end="$active['period']+1" temp="1" name="i"}
- <div class="clock_status_item {if $userMatch['num'] >= $i }
- clock_status_finished
- {/if}">
- {$i}
- </div>
- {/for}
- <div class="clock_status_award"></div>
- </div>
-
- </div>
-
- <div class="top_my_change">
-
- </div>
- <div class="top_change_rule"></div>
- </div>
-
- <div class="top_my_change">
-
- </div>
- <div class="top_change_rule"></div>
- </div>
- <div class="huodong_over">
- <div class="huodong_btn_common huodong_btn_tomo">明日开奖</div>
- <div class="huodong_btn_common huodong_btn_get_award" style="cursor: pointer" >领取奖励</div>
- <div class="huodong_btn_common huodong_btn_recharge_next" style="cursor: pointer">别灰心,赶快报名下一期挑战赛吧!</div>
- <div class="huodong_btn_common huodong_btn_more_award" style="cursor: pointer">精彩书籍</div>
- </div>
- <!-- 活动未结束的主要内容 -->
- <div class="content">
- <div class="award_status award_status_three">
- <div class="bg_img">
- <div class="award_item">
- <div class="award_top">截至目前可分得</div>
- <div class="award_bottom">
- <div class="award_title">{$curMatch['preKandian']}</div>
- <div class="award_tip">书币</div>
- <div class="award_line"></div>
- </div>
- </div>
- <div class="award_item sign-d">
- <div class="award_top">已打卡人数</div>
- <div class="award_bottom">
- <div class="award_title">{$dateNum['signNum']}</div>
- <div class="award_tip">人已打卡</div>
- <div class="award_line"></div>
- </div>
- </div>
- <div class="award_item ">
- <div class="award_top sign-b">报名人数</div>
- <div class="award_bottom">
- <div class="award_title">{$dateNum['lSignNum']}</div>
- <div class="award_tip">已报名</div>
- <div class="award_line"></div>
- </div>
- </div>
- </div>
- </div>
- <div class="now_btn active_now_btn " style="cursor: pointer">
- 成功报名!明日开始打卡
- </div>
- {if condition="!empty($like)"}
- <div class="books">
- <div class="books_title">
- <span class="books_title_left"></span>
- <span class="bookd_title_text">精品好书推荐</span>
- <span class="books_title_right"></span>
- </div>
- <div class="books-title-tip">{$percent}%的书友在看</div>
- <div class="book_list">
- {volist name="like" id="l"}
- <div class="book_item" style="cursor: pointer" data-bookId='{$l.book_id}'>
- <img class='book_img' src="{$l.image}" alt="" onerror='notfind()'>
- <div class="book_name">{$l.book_name}</div>
- <div class="book_author">{$l.author}</div>
- </div>
- {/volist}
- </div>
- </div>
- {/if}
- </div>
- </div>
- <!-- 挑战规则 -->
- <div class="charge_rule_pop common_pop">
- <div class="common_pop_content" >
- <div class="recharge_top_bg"></div>
- <p style="height:200px;overflow-y: scroll">{$active['copywriter']}</p>
- <!-- <p>1、参与方式<br>-->
- <!-- (1)选择并通过余额支付-->
- <!-- 加入不同的挑战,挑战期数以支付当天为准如12月01日参与挑战,则为1202期。<br>-->
- <!-- (2)报名第二天开始打卡,每天阅读15分钟后重新进入挑战赛页面<br>-->
- <!-- (3)选择并通过余额支付-->
- <!-- 加入不同的挑战,挑战期数以支付当天为准如12月01日参与挑战,则为1202期。<br>-->
- <!-- (4)报名第二天开始打卡,每天阅读15分钟后重新进入挑战赛页面<br>-->
- <!-- </p>-->
- <div class="pop_close" style="cursor: pointer"></div>
- </div>
- </div>
- <!-- 打卡成功 -->
- <div class="clock_sign_success common_pop">
- <div class="common_pop_content">
- <div class="clock_sign_success_text clock_sign_success_text_top">
- 再坚持<span class='clock_sign_success_span'>{$userMatch['num']?:0}</span>天
- </div>
- <div class="clock_sign_success_text clock_sign_success_text_6">
- <!-- 再坚持<span class='clock_sign_success_span_need'>{$curMatch['period']-$userMatch['num']}</span>天-->
- 可瓜分<span class='clock_sign_success_span_count'>{$curMatch['preKandian']}书币</span>
- </div>
- <div class="clock_sign_success_text clock_sign_success_text_7" style="display: none;">
- 明日开奖,可瓜分<span class='clock_sign_success_span_count'>{$curMatch['preKandian']}书币</span>
- </div>
- <div class="pop_close" style="cursor: pointer" ></div>
- </div>
- </div>
- <!-- 打卡失败 -->
- <div class="clock_sign_fail common_pop">
- <div class="common_pop_content">
- <div class="clock_sign_success_text clock_sign_success_text_top">
- 您今日阅读章节还未满<span>{$active['read_number']}</span>章
- </div>
- <div class="clock_sign_fail_btn" style="cursor: pointer">去看好书 ></div>
-
- <div class="pop_close" style="cursor: pointer"></div>
- </div>
- </div>
- <!-- 领取奖励 -->
- <div class="clock_sign_get_award common_pop">
- <div class="common_pop_content">
- <div class="clock_sign_get_award_text">
- 成功瓜分<span>{$curMatch['award']}</span>书币
- </div>
- <div class="pop_close" style="cursor: pointer"></div>
- </div>
- </div>
- <!-- 昨日忘记打卡 -->
- <div class="clock_forget_sign common_pop">
- <div class="common_pop_content">
- <div class="clock_forget_text">
- 挑战失败,失去瓜分<span>{$curMatch['preKandian']}</span>书币资格
- </div>
- <div class="clock_forget_tip">充值任意金额,可获得1次补签机会</div>
- <div class="clock_forget_btn" style="cursor: pointer">去补签 ></div>
- <div class="clock_forget_footer">挑战期间可补签1次</div>
- <div class="pop_close" style="cursor: pointer"></div>
- </div>
- </div>
- <!-- 补签成功 -->
- <div class="clock_supple_success common_pop">
- <div class="common_pop_content">
- <div class="clock_forget_tip clock_supple_success_tip">记得阅读{$active['read_number']}章后</div>
- <div class="clock_forget_tip">准时打卡哦~</div>
- <div class="pop_close" style="cursor: pointer"></div>
- </div>
- </div>
- <!-- 报名成功 -->
- <div class="clock_enter_success common_pop">
- <div class="common_pop_content">
- <div class="enter_title">{$userMatch['kandian']}</div>
- <div class="enter_tip">成功加入{$userMatch['kandian']}书币挑战</div>
- <div class="enter_which">第 <span>{$userMatch['match_date']}</span> 期挑战赛</div>
- <div class="enter_tip_text">记得每日阅读{$active['read_number']}章后,准时打卡哦~</div>
- <div class="clocl_enter_success_see_book" style="cursor: pointer">去看好书 ></div>
- <div class="clock_enter_success_rule_btn">查看详细规则 ></div>
- <div class="pop_close" style="cursor: pointer"></div>
- </div>
- </div>
- <!-- 挑战失败 -->
- <div class="clock_charge_fail common_pop">
- <div class="common_pop_content">
- <div class="clock_charge_fail_tip clock_charge_fail_tip_top">挑战失败</div>
- <div class="clock_charge_fail_tip">失去瓜分<span>{$curMatch['preKandian']}</span>书币资格!</div>
- <div class="pop_close" style="cursor: pointer"></div>
- </div>
- </div>
- <script type="text/javascript" src="{:asset('/js/frontend/campaign/zepto.min.js')}"></script>
- <script type="text/javascript" src="{:asset('/libs/Zepto-Cookie/zepto.cookie.min.js')}"></script>
- <script type="text/javascript" src="{:asset('/js/frontend/campaign/common.js?v=5')}"></script>
- <script type="text/javascript" src="{:asset('/js/frontend/common.js?v=5')}"></script>
- <script type="text/javascript" src="{:asset('/js/frontend/cps_log.js')}"></script>
- <script type="text/javascript" src="{:asset('/js/frontend/campaign/clockIn.js?v=3')}"></script>
- </body>
- </html>
|