sign_in.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  6. <meta name="browsermode" content="application"/>
  7. <meta name="renderer" content="webkit">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  9. <!-- 禁止百度转码 -->
  10. <meta http-equiv="Cache-Control" content="no-siteapp" />
  11. <!-- uc强制竖屏 -->
  12. <meta name="screen-orientation" content="portrait">
  13. <!-- QQ强制竖屏 -->
  14. <meta name="x5-orientation" content="portrait">
  15. <title>今日签到</title>
  16. <link rel="stylesheet" type="text/css" href="{__WAP_PATH}sx/css/reset.css" />
  17. <link rel="stylesheet" type="text/css" href="{__WAP_PATH}sx/font/iconfont.css" />
  18. <link rel="stylesheet" type="text/css" href="{__WAP_PATH}sx/css/style.css" />
  19. <script type="text/javascript" src="{__WAP_PATH}sx/js/media.js"></script>
  20. <script type="text/javascript" src="{__WAP_PATH}sx/js/jquery-1.11.2.min.js"></script>
  21. <script type="text/javascript" src="{__WAP_PATH}sx/js/iscroll.js"></script>
  22. {include file="public/requirejs"}
  23. </head>
  24. <body class="red-bg">
  25. <div class="user-singin" id="sign">
  26. <section>
  27. <header class="flex">
  28. <div class="user-count-wrapper flex">
  29. <p>当前积分</p>
  30. <p class="count">{$userInfo.integral|floatval}</p>
  31. <p class="day">签到{$signCount}天</p>
  32. </div>
  33. <div class="sing-in-btn off" v-cloak="" v-if="signed == true">今日已签到</div>
  34. <div class="sing-in-btn" v-cloak="" v-if="signed == false" @click="goSign">立即签到</div>
  35. </header>
  36. <div class="singin-recording">
  37. <div class="title-bar"><img src="{__WAP_PATH}sx/images/singin-title-bg.jpg" alt=""></div>
  38. <div id="scroll" class="list-box">
  39. <ul>
  40. {volist name="signList" id="vo"}
  41. <li class="flex">
  42. <div class="left-wrapper">
  43. <p>每日签到奖励</p>
  44. <span>{$vo.add_time|date="Y-m-d",###}</span>
  45. </div>
  46. <i class="right-wrapper">+{$vo.number}</i>
  47. </li>
  48. {/volist}
  49. </ul>
  50. </div>
  51. </div>
  52. <!-- 商品分类模板 -->
  53. <div class="template-prolist liked">
  54. <div class="title-like flex">
  55. <span class="title-line left"></span>
  56. <span>新品推荐</span>
  57. <span class="title-line right"></span>
  58. </div>
  59. <ul class="flex">
  60. {volist name="goodsList" id="vo"}
  61. <li>
  62. <a href="{:url('store/detail',['id'=>$vo['id']])}">
  63. <div class="picture"><img src="{$vo.image}"></div>
  64. <div class="product-info">
  65. <p class="title">{$vo.store_name}</p>
  66. <?php $price = explode('.',$vo['price']); ?>
  67. <p class="count-wrapper flex">
  68. <span class="price"><i>¥</i>{$price[0]}.<i>{$price[1]}</i></span>
  69. <span class="count">已售{$vo.sales}件</span>
  70. </p>
  71. </div>
  72. </a>
  73. </li>
  74. {/volist}
  75. </ul>
  76. </div>
  77. </section>
  78. </div>
  79. {include file="public/right_nav" /}
  80. <script>
  81. $(document).ready(function(){
  82. requirejs(['vue','store','helper'],function(Vue,store,$h){
  83. new Vue({
  84. el:"#sign",
  85. data:{
  86. signed : <?=$signed ? 'true' : 'false'?>
  87. },
  88. methods:{
  89. goSign:function () {
  90. var that = this;
  91. store.baseGet($h.U({
  92. c:'auth_api',
  93. a:'user_sign'
  94. }),function (res) {
  95. that.signed = true;
  96. $h.pushMsg(res.data.msg,function () {
  97. location.reload();
  98. })
  99. });
  100. }
  101. }
  102. });
  103. });
  104. var myScroll = new IScroll('#scroll' , { click: true ,tap: true,scrollbars: 'custom'});
  105. })
  106. </script>
  107. </body>
  108. </html>