117 lines
4.7 KiB
HTML
117 lines
4.7 KiB
HTML
<include file="public/header" title="签到" body=""/>
|
||
<div class="panel1-sign">
|
||
<div class="user-sign">
|
||
<i><img src="__STATIC__/images/user-photo3.png" alt=""/></i>
|
||
<span>{$info['info']['nickname']}</span>
|
||
</div>
|
||
<div class="integral-sign">
|
||
|
||
<span>本月已获：<span id="benyue"><notempty name="$info['info']['this_month']">{$info['info']['this_month']}
|
||
<else/>
|
||
0
|
||
</notempty></span>分</span>
|
||
<span>累计总积分：<span id="cumtrapz"><notempty name="$info['info']['cumtrapz']">{$info['info']['cumtrapz']}
|
||
<else/>
|
||
{$cumtrapz|default="0"}
|
||
</notempty></span>分</span>
|
||
</div>
|
||
<notempty name="$info['tab']">
|
||
<!-- <div class="click-sign" id="click-sign"></div>-->
|
||
|
||
<div class="click-sign" id="click-sign">
|
||
<span id="cgspan">+{$info['display_sign']}积分</span>
|
||
</div>
|
||
|
||
<else/>
|
||
<div class="click-sign clicked-sign" id="click-sign">
|
||
<span id="cgspan">+{$info['display_sign']}积分</span>
|
||
</div>
|
||
</notempty>
|
||
<p class="continuity-sign">
|
||
本月已连续签到 <i>
|
||
<span id="lianxuday">
|
||
{$info['info']['sign_count']}
|
||
</span>
|
||
</i>天，<span class="c-7">连续签到{$info['config']['sign_signcount']}天即得{$info['jifen']}积分</span><span
|
||
class="c-20">连续签到20天即得200积分</span>
|
||
</p>
|
||
</div>
|
||
<div class="panel2-sign">
|
||
<h3><i id="year">0</i>年<i id="month">0</i>月签到</h3>
|
||
<ul class="weeks-sign p">
|
||
<li>日</li>
|
||
<li>一</li>
|
||
<li>二</li>
|
||
<li>三</li>
|
||
<li>四</li>
|
||
<li>五</li>
|
||
<li>六</li>
|
||
</ul>
|
||
<ul class="calendar-sign p" id="calendar-sign">
|
||
</ul>
|
||
<script type="text/javascript">
|
||
$(document).ready(function () {
|
||
var calendar = $('#calendar-sign'); //共用日历包裹元素
|
||
function setCalendar() { /*生成日历和年月*/
|
||
var date = new Date(); //实例化一个日历
|
||
var year = date.getFullYear(); //获取当前年份
|
||
var month = date.getMonth(); //获取当前月份
|
||
//填充年、月文本
|
||
$('#year').text(year);
|
||
$('#month').text(month + 1);
|
||
//获取当前月第一天是星期几
|
||
date.setMonth(month, 1);
|
||
var day = date.getDay();
|
||
//获取当前月的天数
|
||
date.setMonth(month + 1, 0);
|
||
var length = date.getDate();
|
||
for (var i = 0; i <=day - 1; i++) { //生成空白
|
||
calendar.append('<li data-date="-1"></li>');
|
||
}
|
||
for (var j = 1; j <= length; j++) { //生成天
|
||
calendar.append('<li data-date="' + j + '">' + j + '<i></i></li>');
|
||
}
|
||
}
|
||
setCalendar();
|
||
function setChecked() { //打钩
|
||
// var arr=[1,2,3,5,9,10];//模拟天数
|
||
var arr = [{$info['str']}];
|
||
for (var i = 0, l = arr.length; i < l; i++) {
|
||
calendar.find('li[data-date="' + arr[i] + '"]').addClass('checked');
|
||
}
|
||
}
|
||
setChecked();
|
||
$('#click-sign').click(function () { //点击签到
|
||
var d = new Date();
|
||
var str = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
|
||
var date = new Date();
|
||
var daty = date.getDate();
|
||
$.post("{:U('User/user_sign')}", {date: str}, function (d) {
|
||
var da = eval("(" + d + ")");
|
||
if (da.status == true) {
|
||
$('#click-sign').addClass('clicked-sign');
|
||
calendar.find('li[data-date="' + daty + '"]').addClass('checked');
|
||
$("#cgspan").text("+" + da.result + "积分");
|
||
setTimeout(function () { //使用 setTimeout（）方法设定定时2000毫秒
|
||
window.location.reload();//页面刷新
|
||
}, 2000);
|
||
}
|
||
layer.open({content: da.msg, time: 2});
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
</div>
|
||
<div class="rule-sign">
|
||
<h5>签到规则：</h5>
|
||
<p>1.用户每日签到可获取积分奖励，连续签到相应天数可额外获得积分奖励；</p>
|
||
<p>2.签到送积分活动长期有效；</p>
|
||
<p>3.本活动最终解释权归TPshop商家所有。</p>
|
||
</div>
|
||
<div class="setting">
|
||
<div class="close">
|
||
<a href="{:U('Mobile/User/index')}" id="logout">返回个人中心</a>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |