book
/
book_admin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!--
 * @Description: cps阅读推荐banner
 * @FilePath: \cps阅读推荐\index.html
 * @Version: 1.0
 * @Autor: CuiGang
 * @Date: 2020-03-04 11:53:18
 * @LastEditors: CuiGang
 * @LastEditTime: 2020-03-05 13:46:32
 -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>阅读打卡记录</title>
</head>
<body style="margin: 0">
<script type="text/javascript" src="{:asset('/js/frontend/subscrip/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/common.js?v=5')}"></script>
<script type="text/javascript" src="{:asset('/js/frontend/cps_log.js')}"></script>
<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 / 360) + 'px';
            };
    recalc();
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);
  })(document, window);
</script>
<!-- read_recommend_ -->
<link rel="stylesheet" href="{:asset('/css/frontend/subscrip/recordInfo.css')}">
<div id="record_info">
  <div class="header">
    <img src="{:asset('/img/frontend/subscrip/back-white.png')}" class="left">
    <div>阅读打卡记录</div>
    <!--    <img src="{:asset('/img/frontend/subscrip/set-white.png')}" alt="" class="set">-->
  </div>
  <div class="back_card"></div>
  <div class="card"></div>
  <div class="inset">
    <div class="official">每一次阅读，都是一份收获</div>
    <div class="down">
      <div class="black">
        <div class="now"><text class="num">{$activity['sort_day']}</text>天</div>
        <div class="present">当前坚持</div>
      </div>
      <div class="line"></div>
      <div class="red">
        <div class="now"><text class="num">{$activity['days']}</text>天</div>
        <div class="present">活动周期</div>
      </div>
    </div>
  </div>


  <div class="detial">
    {if condition="!empty($log)"}
    {foreach($log as $k=>$v)}
    <div class="info">
      <div class="title">第{$v['sort']}天阅读打卡记录</div>
      <div class="time">{$v['d_text']}</div>
      <div class="status">
        {if condition="$v['state'] eq 0"}
        <text class="reissue go_sign">补卡</text>
        {elseif condition="$v['state'] eq -1"}
        <text class="arrow_text go_sign">未完成</text>
        {else/}
        <text class="arrow_text">已完成</text>
        {/if}

      </div>
    </div>
    {/foreach}
    {/if}
  </div>
  <div class="wrapper" style="">
    <div class="txt copy">{$con}</div>
    <textarea id="input"></textarea>
  </div>
  <div class="alert_mask" style="display: none">
    <div class="mask_pop"></div>
    <div class="mask_warp">
      <img src="{:asset('/img/frontend/subscrip/info_wrong.png')}" alt="" class="wrong">
      <div class="alert_tit">很遗憾！您昨日未完成打卡</div>
      <div class="alert_info">
        挑战失败，失去 <text class="warn">全额返还报名费资格</text>
        ，您可以邀请任意好友报名该活动，获得1次补签机会。
      </div>
      <div class="btn_rei">立即补签</div>
      <span class="alert_info">*已帮你自动复制口令，快去贴给他~！</span>
    </div>
  </div>

</div>

<style type="text/css">
  .wrapper {position: fixed;}
  #input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}
  .wrapper .copy {
    position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;
  }
</style>
<script>
  $('#record_info .left').click(function (e) {
    window.location.href="/index/activity/subscribe";
  })

  window.onload = function(){
    $('.go_sign').click(function (e) {
      $('.alert_mask').show();
      var text = $('.wrapper .copy').text();
      var input = document.getElementById("input");
      input.value = text; // 修改文本框的内容
      input.select(); // 选中文本
      document.execCommand("copy"); // 执行浏览器复制命令
    })

    $('.btn_rei').click(function (e) {
      $('.alert_mask').hide();
    })

    $('.alert_mask .wrong').click(function () {
      $('.alert_mask').hide();
    })
    $('.reissue').click(function () {
      $('.alert_mask').show();
    })
  }
</script>
</body>
</html>