sign改为原生js和html优化
This commit is contained in:
parent
0aec4ca54c
commit
4d55dc434f
@ -12,32 +12,70 @@ use taoler\com\Level;
|
||||
|
||||
class Sign extends BaseController
|
||||
{
|
||||
|
||||
protected $uid;
|
||||
|
||||
protected function _initialize()
|
||||
{
|
||||
parent::_initialize();
|
||||
$this->uid = session('user_id');
|
||||
}
|
||||
|
||||
public function lists()
|
||||
{
|
||||
//总榜
|
||||
$totallist = Db::name('user_sign')->alias('s')->leftJoin('user u', 's.uid=u.id')->field('uid,s.id as id,max(days) as days,name,user_img')->group('uid')->order('days desc')->limit(20)->select();
|
||||
$time = time();
|
||||
//签到最新,最快,活跃榜JSON数据
|
||||
public function signJson()
|
||||
{
|
||||
$time = time();
|
||||
$start_stime = strtotime(date('Y-m-d 0:0:0', $time)) - 1;
|
||||
$end_stime = strtotime(date('Y-m-d 23:59:59', $time)) + 1;
|
||||
//今日最快
|
||||
$fastlist = Db::name('user_sign')->alias('s')->join('user u', 's.uid=u.id')->field('s.*,u.name as name,u.user_img as user_img')->where("s.stime > $start_stime and s.stime < $end_stime")->order('s.id asc')->limit(20)->select();
|
||||
//最新
|
||||
|
||||
$res = [];
|
||||
$res['status'] = 0;
|
||||
|
||||
//最新
|
||||
$newlist = Db::name('user_sign')->alias('s')->join('user u', 's.uid=u.id')->field('s.*,u.name as name,u.user_img as user_img')->order('id desc')->limit(20)->select();
|
||||
|
||||
View::assign('totallist', $totallist);
|
||||
View::assign('fastlist', $fastlist);
|
||||
View::assign('newlist', $newlist);
|
||||
return View::fetch();
|
||||
}
|
||||
|
||||
if(count($newlist)){
|
||||
foreach($newlist as $n){
|
||||
$new = ['uid'=>$n['uid'],'time'=>date('Y-m-d H:i:s',$n['stime']),'user'=>['username'=>$n['name'],'avatar'=>$n['user_img']]];
|
||||
$res['data'][0][] = $new;
|
||||
}
|
||||
} else {
|
||||
$res['data'][0] = [];
|
||||
}
|
||||
|
||||
//今日最快
|
||||
$fastlist = Db::name('user_sign')->alias('s')->join('user u', 's.uid=u.id')->field('s.*,u.name as name,u.user_img as user_img')->where("s.stime > $start_stime and s.stime < $end_stime")->order('s.id asc')->limit(20)->select();
|
||||
if(count($fastlist)){
|
||||
foreach($fastlist as $f){
|
||||
$fast = ['uid'=>$f['uid'],'days'=>$f['days'],'time'=>date('Y-m-d H:i:s',$f['stime']),'user'=>['username'=>$f['name'],'avatar'=>$f['user_img']]];
|
||||
$res['data'][1][] = $fast;
|
||||
}
|
||||
} else {
|
||||
$res['data'][1] = [];
|
||||
}
|
||||
|
||||
//总榜
|
||||
$totallist = Db::name('user_sign')->alias('s')->leftJoin('user u', 's.uid=u.id')->field('uid,s.id as id,max(days) as days,name,user_img')->group('uid')->order('days desc')->limit(20)->select();
|
||||
if(count($totallist)){
|
||||
foreach($totallist as $t){
|
||||
$total = ['uid'=>$t['uid'],'days'=>$f['days'],'user'=>['username'=>$t['name'],'avatar'=>$t['user_img']]];
|
||||
$res['data'][2][] = $total;
|
||||
}
|
||||
} else {
|
||||
$res['data'][2] = [];
|
||||
}
|
||||
|
||||
return json($res);
|
||||
}
|
||||
|
||||
//签到状态
|
||||
public function status()
|
||||
{
|
||||
if(session('user_id')){
|
||||
$res = $this->todayData()->getData();
|
||||
if($res['is_sign'] == 1){
|
||||
return json(['status'=>0,'msg'=>'已签到','data'=>['signed'=>$res['is_sign'],'token'=>'1111','experience'=>$res['score'],'days'=>$res['days']]]);
|
||||
} else {
|
||||
return json(['status'=>0,'msg'=>'未签到','data'=>['signed'=>0,'token'=>'1111','experience'=>$res['will_getscore'],'days'=>$res['days']]]);
|
||||
}
|
||||
} else {
|
||||
return json(['status'=>0,'msg'=>'未登陆']);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
//执行签到
|
||||
|
||||
/**
|
||||
* 执行当天签到
|
||||
@ -46,15 +84,15 @@ class Sign extends BaseController
|
||||
public function sign()
|
||||
{
|
||||
if (!Session::has('user_id') || !Session::has('user_name')) {
|
||||
return json(array('code' => 0, 'msg' => '亲,登陆后才能签到哦','url' => url('Login/index')));
|
||||
return json(['status'=>1,'code' => -1, 'msg' => '亲,登陆后才能签到哦','url' => url('Login/index')]);
|
||||
} else {
|
||||
$uid = session('user_id');
|
||||
$uid = $this->uid;
|
||||
$todayData = $this->todayData()->getData();
|
||||
//var_dump($todayData);
|
||||
|
||||
if ($todayData['is_sign'] == 1) { //数组中是返回的是一个对象,不能直接用[]来显示,正确的输出方法是:$pic[0]->title问题解决!
|
||||
//exit('{"code":-1,"msg":"你今天已经签过到了"}');
|
||||
return json(['code'=>-1,'msg'=>'你今天已签过到!']);
|
||||
return json(['status'=>1,'code'=>-1,'msg'=>'你今天已签过到!']);
|
||||
} else {
|
||||
$data = $this->getInsertData($uid);
|
||||
|
||||
@ -69,7 +107,7 @@ class Sign extends BaseController
|
||||
//$score = $this->getTodayScores($days);
|
||||
$score = $todayData['will_getscore'];
|
||||
$date=date('Ymd');
|
||||
$msg='';
|
||||
$msg='签到成功';
|
||||
$teshudate=['20200214','20200501','20201001'];
|
||||
//签到奖励
|
||||
if(in_array($date,$teshudate)){
|
||||
@ -90,9 +128,9 @@ class Sign extends BaseController
|
||||
//到达积分值升级Vip等级
|
||||
$viplv = Level::writeLv($uid);
|
||||
}
|
||||
return json(['code'=>200,'score'=>$score,'days'=>$days,'msg'=>$msg]);
|
||||
return json(['status'=>0,'code'=>200,'msg'=>$msg,'data'=>['signed'=>1,'experience'=>$score,'days'=>$days]]);
|
||||
} else {
|
||||
return json(['code'=>-1,'msg'=>'签到失败,请刷新后重试!']);
|
||||
return json(['status'=>1,'code'=>-1,'msg'=>'签到失败,请刷新后重试!']);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -141,7 +179,7 @@ class Sign extends BaseController
|
||||
$time = time();
|
||||
$start_stime = strtotime(date('Y-m-d 0:0:0', $time)) - 1;
|
||||
$end_stime = strtotime(date('Y-m-d 23:59:59', $time)) + 1;
|
||||
$res = Db::name('user_sign')->where('uid',session('user_id'))->where('stime', '>', $start_stime)->where('stime', '<', $end_stime)->find();
|
||||
$res = Db::name('user_sign')->where('uid',session('user_id'))->where('stime', '>', $start_stime and 'stime', '<', $end_stime)->find();
|
||||
$score = 0;
|
||||
if ($res) {
|
||||
$is_sign = 1;
|
||||
|
1
public/json/signin.js
Normal file
1
public/json/signin.js
Normal file
File diff suppressed because one or more lines are too long
@ -1,7 +1,7 @@
|
||||
/**
|
||||
|
||||
TaoLer社区修改 www.aieok.com
|
||||
@Name: Fly社区主入口
|
||||
|
||||
2021-5.21
|
||||
*/
|
||||
|
||||
|
||||
@ -515,14 +515,15 @@ layui.define(['layer', 'laytpl', 'form', 'element', 'upload', 'util'], function(
|
||||
});
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
//签到
|
||||
var jName = "金币";
|
||||
var tplSignin = ['{{# if(d.signed){ }}'
|
||||
,'<button class="layui-btn layui-btn-disabled">今日已签到</button>'
|
||||
,'<span>获得了<cite>{{ d.experience }}</cite>飞吻</span>'
|
||||
,'<span>获得了<cite>{{ d.experience }}</cite>' + jName + '</span>'
|
||||
,'{{# } else { }}'
|
||||
,'<button class="layui-btn layui-btn-danger" id="LAY_signin">今日签到</button>'
|
||||
,'<span>可获得<cite>{{ d.experience }}</cite>飞吻</span>'
|
||||
,'<span>可获得<cite>{{ d.experience }}</cite>' + jName + '</span>'
|
||||
,'{{# } }}'].join('')
|
||||
,tplSigninDay = '已连续签到<cite>{{ d.days }}</cite>天'
|
||||
|
||||
@ -541,7 +542,7 @@ layui.define(['layer', 'laytpl', 'form', 'element', 'upload', 'util'], function(
|
||||
,elemSigninDays = $('.fly-signin-days');
|
||||
|
||||
if(elemSigninMain[0]){
|
||||
|
||||
|
||||
fly.json('/sign/status', function(res){
|
||||
if(!res.data) return;
|
||||
signRender.token = res.data.token;
|
||||
@ -552,8 +553,8 @@ layui.define(['layer', 'laytpl', 'form', 'element', 'upload', 'util'], function(
|
||||
$('body').on('click', '#LAY_signin', function(){
|
||||
var othis = $(this);
|
||||
if(othis.hasClass(DISABLED)) return;
|
||||
|
||||
fly.json('/sign/in/', {
|
||||
|
||||
fly.json('/sign/sign/', {
|
||||
token: signRender.token || 1
|
||||
}, function(res){
|
||||
signRender(res.data);
|
||||
@ -568,31 +569,39 @@ layui.define(['layer', 'laytpl', 'form', 'element', 'upload', 'util'], function(
|
||||
|
||||
//签到说明
|
||||
elemSigninHelp.on('click', function(){
|
||||
layer.open({
|
||||
type: 1
|
||||
,title: '签到说明'
|
||||
,area: '300px'
|
||||
,shade: 0.8
|
||||
,shadeClose: true
|
||||
,content: ['<div class="layui-text" style="padding: 20px;">'
|
||||
,'<blockquote class="layui-elem-quote">“签到”可获得社区飞吻,规则如下</blockquote>'
|
||||
,'<table class="layui-table">'
|
||||
,'<thead>'
|
||||
,'<tr><th>连续签到天数</th><th>每天可获飞吻</th></tr>'
|
||||
,'</thead>'
|
||||
,'<tbody>'
|
||||
,'<tr><td><5</td><td>5</td></tr>'
|
||||
,'<tr><td>≥5</td><td>10</td></tr>'
|
||||
,'<tr><td>≥15</td><td>15</td></tr>'
|
||||
,'<tr><td>≥30</td><td>20</td></tr>'
|
||||
,'</tbody>'
|
||||
,'</table>'
|
||||
,'<ul>'
|
||||
,'<li>中间若有间隔,则连续天数重新计算</li>'
|
||||
,'<li style="color: #FF5722;">不可利用程序自动签到,否则飞吻清零</li>'
|
||||
,'</ul>'
|
||||
,'</div>'].join('')
|
||||
});
|
||||
|
||||
$.getJSON('/sign/getsignrule', function(data) {
|
||||
|
||||
//拼接表格字符串
|
||||
var $str = '';
|
||||
$.each(data.msg, function(k, v) {
|
||||
$str += '<tr><td>≥' + v.days + '</td><td>' + v.score + '</td></tr>';
|
||||
});
|
||||
|
||||
layer.open({
|
||||
type: 1
|
||||
,title: '签到说明'
|
||||
,area: '300px'
|
||||
,shade: 0.8
|
||||
,shadeClose: true
|
||||
,content: ['<div class="layui-text" style="padding: 20px;">'
|
||||
,'<blockquote class="layui-elem-quote">“签到”可获得社区' + jName + ',规则如下</blockquote>'
|
||||
,'<table class="layui-table">'
|
||||
,'<thead>'
|
||||
,'<tr><th>连续签到天数</th><th>每天可获' + jName + '</th></tr>'
|
||||
,'</thead>'
|
||||
,'<tbody>'
|
||||
,$str
|
||||
,'</tbody>'
|
||||
,'</table>'
|
||||
,'<ul>'
|
||||
,'<li>中间若有间隔,则连续天数重新计算</li>'
|
||||
,'<li style="color: #FF5722;">不可利用程序自动签到,否则' + jName + '清零</li>'
|
||||
,'</ul>'
|
||||
,'</div>'].join('')
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
//签到活跃榜
|
||||
@ -619,7 +628,7 @@ layui.define(['layer', 'laytpl', 'form', 'element', 'upload', 'util'], function(
|
||||
|
||||
elemSigninTop.on('click', function(){
|
||||
var loadIndex = layer.load(1, {shade: 0.8});
|
||||
fly.json('../json/signin.js', function(res){ //实际使用,请将 url 改为真实接口
|
||||
fly.json('/sign/signJson', function(res){ //实际使用,请将 url 改为真实接口
|
||||
var tpl = $(['<div class="layui-tab layui-tab-brief" style="margin: 5px 0 0;">'
|
||||
,'<ul class="layui-tab-title">'
|
||||
,'<li class="layui-this">最新签到</li>'
|
||||
@ -656,7 +665,7 @@ layui.define(['layer', 'laytpl', 'form', 'element', 'upload', 'util'], function(
|
||||
|
||||
}, {type: 'get'});
|
||||
});
|
||||
*/
|
||||
|
||||
|
||||
//回帖榜
|
||||
var tplReply = ['{{# layui.each(d.data, function(index, item){ }}'
|
||||
|
@ -50,7 +50,10 @@
|
||||
<h3 class="fly-panel-title">{:lang('links list')}</h3>
|
||||
{include file="public/index-static" /}
|
||||
</div>
|
||||
|
||||
<!--签到-->
|
||||
{include file="public/sign" /}
|
||||
|
||||
<!--广告赞助-->
|
||||
<div class="fly-panel">
|
||||
<div class="fly-panel-title">{:lang('sponsor')}<span class="fly-mid"></span>
|
||||
@ -91,8 +94,8 @@
|
||||
<a href="{$vo.slid_href}" target="_blank"><img src="{$vo.slid_img}" style="max-width: 100%;"></a>
|
||||
{/volist}
|
||||
</div>
|
||||
<!--友情链接-->
|
||||
{include file="public/flink" /}
|
||||
<!--友情链接-->
|
||||
{include file="public/flink" /}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -101,130 +104,18 @@
|
||||
|
||||
{block name="script"}
|
||||
<script>
|
||||
var replyUrl = "{:url('index/reply')}";
|
||||
layui.use(['form', 'layer'], function() {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.jquery;
|
||||
var jifenname = "金币";
|
||||
var uid = "{:session('user_id')}";
|
||||
|
||||
if (uid != '') {
|
||||
$.get("{:url('sign/todayData')}", function(data) {
|
||||
var replyUrl = "{:url('index/reply')}";
|
||||
|
||||
$('.fly-signin-days').html('已连续签到<cite>' + data.days + '</cite>天');
|
||||
|
||||
if (data.is_sign == 1) {
|
||||
|
||||
$('.fly-signin-main').html('<button class="layui-btn layui-btn-disabled">今日已签到</button><span>获得了<cite>' + data.score + '</cite>' + jifenname + '</span>');
|
||||
|
||||
} else {
|
||||
$('.fly-signin-main').html('<button id="LAY_signin" class="layui-btn layui-btn-danger">今日签到</button><span>可获得<cite>' + data.will_getscore + '</cite>' + jifenname + '</span>');
|
||||
|
||||
$("#LAY_signin").on("click", function() {
|
||||
|
||||
$.getJSON("{:url('sign/sign')}", function(data) {
|
||||
|
||||
if (data.code == 200) {
|
||||
$('.fly-signin-days').html('已连续签到<cite>' + data.days + '</cite>天');
|
||||
$('.fly-signin-main').html('<button class="layui-btn layui-btn-disabled">今日已签到</button><span>获得了<cite>' + data.score + '</cite>' + jifenname + '</span>');
|
||||
if (data.msg != '') {
|
||||
layer.msg(data.msg, {
|
||||
icon: 6,
|
||||
time: 5000
|
||||
});
|
||||
}
|
||||
} else {
|
||||
layer.msg(data.msg);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$('.fly-signin-main').html('<button class="layui-btn layui-btn-danger" id="LAY_signin">签到得' + jifenname + '</button>');
|
||||
$("#LAY_signin").on("click", function() {
|
||||
layer.msg('请先登录',{
|
||||
icon:5,
|
||||
anim:6,
|
||||
time: 2000
|
||||
},function(){
|
||||
location.href = "{:url('login/index')}";
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
//查看签到积分规则
|
||||
$("#LAY_signinHelp").on("click", function() {
|
||||
loading = layer.load(2, {
|
||||
shade: [0.2, '#000']
|
||||
});
|
||||
var url = "{:url('sign/getsignrule')}";
|
||||
|
||||
|
||||
$.getJSON(url, function(data) {
|
||||
$str = '';
|
||||
$.each(data.msg, function(k, v) {
|
||||
$str += '<tr><td>≥' + v.days + '</td><td>' + v.score + '</td></tr>';
|
||||
});
|
||||
var content = '<div class="layui-text" style="padding: 20px;">' +
|
||||
'<blockquote class="layui-elem-quote">“签到”可获得社区' + jifenname + ',规则如下</blockquote>' +
|
||||
'<table class="layui-table">' +
|
||||
'<thead>' +
|
||||
'<tr><th>连续签到天数</th><th>每天可获' + jifenname + '</th></tr>' +
|
||||
'</thead>' +
|
||||
'<tbody>' +
|
||||
$str +
|
||||
'</tbody>' +
|
||||
'</table>' +
|
||||
'<ul>' +
|
||||
'<li style="color: #FF5722;">新年期间签到额外赠送最高99金币</li>' +
|
||||
'<li>中间若有间隔,则连续天数重新计算</li>' +
|
||||
// '<li style="color: #FF5722;">不可利用程序自动签到,否则' + jifenname + '清零</li>' +
|
||||
'</ul></div>'
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: '签到说明',
|
||||
area: '300px',
|
||||
shade: 0.8,
|
||||
shadeClose: true,
|
||||
content: content,
|
||||
success: function(index, layero) {
|
||||
//do something
|
||||
layer.close(loading); //如果设定了yes回调,需进行手工关闭
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
//查看积分榜单
|
||||
$("#LAY_signinTop").on("click", function() {
|
||||
|
||||
var signlisturl = "{:url('sign/lists')}";
|
||||
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '签到活跃榜 - TOP 20',
|
||||
shade: 0.8,
|
||||
area: ['300px', '430px'], //宽高
|
||||
scrollbar: false,
|
||||
shadeClose: true,
|
||||
content: signlisturl,
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$('#friend-link').on('click', function(){
|
||||
layer.open({
|
||||
title: '申请友链',
|
||||
content: '发送邮件至:changlin_zhao@qq.com ',
|
||||
yes: function(index, layero){
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
$('#friend-link').on('click', function(){
|
||||
layer.open({
|
||||
title: '申请友链',
|
||||
content: '发送邮件至:changlin_zhao@qq.com ',
|
||||
yes: function(index, layero){
|
||||
layer.close(index);
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
</script>
|
||||
{/block}
|
@ -1,14 +1,18 @@
|
||||
|
||||
<div id="signin" class="fly-panel fly-signin fly-panel-border">
|
||||
<div class="fly-panel-title">{:lang('Sign in')}
|
||||
<i class="fly-mid"></i>
|
||||
<a href="javascript:;" class="fly-link" id="LAY_signinHelp">{:lang('statement')}</a>
|
||||
<i class="fly-mid"></i>
|
||||
<a href="javascript:;" class="fly-link" id="LAY_signinTop">{:lang('trends')}<span class="layui-badge-dot"></span></a>
|
||||
<span class="fly-signin-days"></span>
|
||||
</div>
|
||||
<div class="fly-panel-main fly-signin-main">
|
||||
<i class="layui-icon fly-loading"></i>
|
||||
</div>
|
||||
<div class="fly-panel fly-signin">
|
||||
<div class="fly-panel-title">
|
||||
{:lang('Sign in')}
|
||||
<i class="fly-mid"></i>
|
||||
<a href="javascript:;" class="fly-link" id="LAY_signinHelp">{:lang('statement')}</a>
|
||||
<i class="fly-mid"></i>
|
||||
<a href="javascript:;" class="fly-link" id="LAY_signinTop">{:lang('trends')}<span class="layui-badge-dot"></span></a>
|
||||
<span class="fly-signin-days"></span>
|
||||
</div>
|
||||
<div class="fly-panel-main fly-signin-main">
|
||||
{if session('?user_id')}
|
||||
<i class="layui-icon fly-loading layui-icon-loading"></i>
|
||||
{else /}
|
||||
<button class="layui-btn layui-btn-danger" id="LAY_signin">{:lang('今日签到')}</button>
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
@ -1,147 +0,0 @@
|
||||
<link rel="stylesheet" href="/static/layui/css/layui.css">
|
||||
<style>
|
||||
.fly-link {
|
||||
color: #01AAED;
|
||||
}
|
||||
|
||||
.fly-link:hover {
|
||||
color: #5FB878;
|
||||
}
|
||||
|
||||
.fly-grey {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.fly-signin cite {
|
||||
padding: 0 5px;
|
||||
color: #FF5722;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.fly-signin .layui-badge-dot {
|
||||
top: -7px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.fly-signin-list {
|
||||
padding: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.fly-signin-list .layui-tab-item {
|
||||
padding: 10px;
|
||||
height: 320px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.fly-signin-list li {
|
||||
margin-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px dotted #e2e2e2;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fly-signin-list li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.fly-signin-list li:last-child {
|
||||
border: none 0;
|
||||
}
|
||||
|
||||
.fly-signin-list img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-right: 10px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.fly-signin-list span {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.fly-signin-list span i {
|
||||
color: #FF5722;
|
||||
}
|
||||
|
||||
.fly-signin-list .fly-none {
|
||||
padding-top: 20px;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.fly-signin-days {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
padding-left: 10px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.fly-signin-main {
|
||||
position: relative;
|
||||
height: 38px;
|
||||
padding: 24px 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fly-signin-main span {
|
||||
padding-left: 10px;
|
||||
}
|
||||
</style>
|
||||
<script src="/static/layui/layui.js"></script>
|
||||
<div id="layer-pop-signintop" class="layui-layer-content">
|
||||
<div class="layui-tab layui-tab-brief" style="margin: 5px 0 0;">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this">最新签到</li>
|
||||
<li>今日最快</li>
|
||||
<li>总签到榜</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content fly-signin-list" id="LAY_signin_list">
|
||||
<ul class="layui-tab-item layui-show">
|
||||
{volist name="newlist" id="vo" empty="暂无数据"}
|
||||
<li>
|
||||
<a href="{:url('user/home',array('id'=>$vo.uid))}" target="_blank">
|
||||
<img src="{$vo.user_img}">
|
||||
<cite class="fly-link">{$vo.name}</cite>
|
||||
</a>
|
||||
<span class="fly-grey">签到于 {$vo.stime|date='Y-m-d H:i'}</span>
|
||||
</li>
|
||||
<li>
|
||||
{/volist}
|
||||
</ul>
|
||||
<ul class="layui-tab-item">
|
||||
{volist name="fastlist" id="vo" empty="今天还没有人签到"}
|
||||
<li>
|
||||
<a href="{:url('user/home',array('id'=>$vo.uid))}" target="_blank">
|
||||
<img src="{$vo.user_img}">
|
||||
<cite class="fly-link">{$vo.name}</cite>
|
||||
</a>
|
||||
<span class="fly-grey">签到于 {$vo.stime|date='Y-m-d H:i'}</span>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
<ul class="layui-tab-item">
|
||||
{volist name="totallist" id="vo" empty="暂无数据"}
|
||||
<li>
|
||||
<a href="{:url('user/home',array('id'=>$vo.uid))}" target="_blank">
|
||||
<img src="{$vo.user_img}">
|
||||
<cite class="fly-link">{$vo.name}</cite>
|
||||
</a>
|
||||
<span class="fly-grey">已连续签到
|
||||
<i>{$vo.days}</i> 天</span>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
layui.use('element', function() {
|
||||
var $ = layui.jquery,
|
||||
element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
|
||||
})
|
||||
</script>
|
@ -1,163 +1,40 @@
|
||||
{extend name="public/user" /}
|
||||
|
||||
{block name="content"}
|
||||
<div class="fly-msg" style="margin-bottom: 20px;">
|
||||
Hi,<span style="color: red">{:session('user_name')}</span>,你已是我们的正式社员。
|
||||
</div>
|
||||
<div class="layui-row layui-col-space20">
|
||||
<div class="layui-col-md6">
|
||||
{include file="public/sign" /}
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
<div class="fly-panel fly-panel-border"> <div class="fly-panel-title"> 我的会员信息 </div>
|
||||
<div class="fly-panel-main layui-text" style="padding: 18px 15px; height: 50px; line-height: 26px;">
|
||||
<p>您的财富经验值:<span style="color: red">{$user.point}</span> 金币</p> <p>您当前为:<span style="color: red">VIP{$user.vip}</span></p> </div> </div> </div>
|
||||
|
||||
<div class="fly-msg" style="margin-bottom: 20px;">
|
||||
Hi,<span style="color: red">{:session('user_name')}</span>,你已是我们的正式社员。
|
||||
</div>
|
||||
<div class="layui-row layui-col-space20">
|
||||
<div class="layui-col-md6">
|
||||
{include file="public/sign" /}
|
||||
<!-- <div class="fly-panel fly-signin fly-panel-border">
|
||||
<div class="fly-panel-title"> 签到
|
||||
<i class="fly-mid"></i>
|
||||
<a href="javascript:;" class="fly-link" id="LAY_signinHelp">说明</a>
|
||||
<i class="fly-mid"></i>
|
||||
<a href="javascript:;" class="fly-link" id="LAY_signinTop">活跃榜<span class="layui-badge-dot"></span></a>
|
||||
<span class="fly-signin-days">已连续签到<cite>0</cite>天</span> </div>
|
||||
<div class="fly-panel-main fly-signin-main">
|
||||
<button class="layui-btn layui-btn-danger" id="LAY_signin">今日签到</button>
|
||||
<span>可获得<cite>5</cite>飞吻</span>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
<div class="layui-col-md6">
|
||||
<div class="fly-panel fly-panel-border"> <div class="fly-panel-title"> 我的会员信息 </div>
|
||||
<div class="fly-panel-main layui-text" style="padding: 18px 15px; height: 50px; line-height: 26px;">
|
||||
<p>您的财富经验值:<span style="color: red">{$user.point}</span> 金币</p> <p>您当前为:<span style="color: red">VIP{$user.vip}</span></p> </div> </div> </div>
|
||||
|
||||
<div class="layui-col-md12" style="margin-top: -20px;">
|
||||
<div class="fly-panel fly-panel-border"> <div class="fly-panel-title"> 快捷方式 </div>
|
||||
<div class="fly-panel-main">
|
||||
<ul class="layui-row layui-col-space10 fly-shortcut">
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('user/set')}"><i class="layui-icon"></i><cite>修改信息</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('user/set#avatar')}"><i class="layui-icon"></i><cite>修改头像</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('user/set#pass')}"><i class="layui-icon"></i><cite>修改密码</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="/user/set/#bind"><i class="layui-icon"></i><cite>帐号绑定</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('article/add')}"><i class="layui-icon"></i><cite>发表新帖</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="/column/share/"><i class="layui-icon"></i><cite>查看分享</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4 LAY_search "> <a href="javascript:;"><i class="layui-icon"></i><cite>搜索资源</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('user/post/#collection')}"><i class="layui-icon"></i><cite>我的收藏</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="/jie/15697/"><i class="layui-icon"></i><cite>成为赞助商</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="/jie/2461/"><i class="layui-icon"></i><cite>关注公众号</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="http://www.test.com/doc/"><i class="layui-icon"></i><cite>文档</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="http://www.test.com/demo/"><i class="layui-icon"></i><cite>示例</cite></a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="layui-col-md12" style="margin-top: -20px;">
|
||||
<div class="fly-panel fly-panel-border"> <div class="fly-panel-title"> 快捷方式 </div>
|
||||
<div class="fly-panel-main">
|
||||
<ul class="layui-row layui-col-space10 fly-shortcut">
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('user/set')}"><i class="layui-icon"></i><cite>修改信息</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('user/set#avatar')}"><i class="layui-icon"></i><cite>修改头像</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('user/set#pass')}"><i class="layui-icon"></i><cite>修改密码</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="/user/set/#bind"><i class="layui-icon"></i><cite>帐号绑定</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('article/add')}"><i class="layui-icon"></i><cite>发表新帖</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="/column/share/"><i class="layui-icon"></i><cite>查看分享</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4 LAY_search "> <a href="javascript:;"><i class="layui-icon"></i><cite>搜索资源</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="{:url('user/post/#collection')}"><i class="layui-icon"></i><cite>我的收藏</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="/jie/15697/"><i class="layui-icon"></i><cite>成为赞助商</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="/jie/2461/"><i class="layui-icon"></i><cite>关注公众号</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="http://www.test.com/doc/"><i class="layui-icon"></i><cite>文档</cite></a> </li>
|
||||
<li class="layui-col-sm3 layui-col-xs4"> <a href="http://www.test.com/demo/"><i class="layui-icon"></i><cite>示例</cite></a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name="script"}
|
||||
<script>
|
||||
layui.use(['form', 'layer'], function() {
|
||||
var layer = layui.layer;
|
||||
var $ = layui.jquery;
|
||||
var jifenname = "金币";
|
||||
var uid = "{:session('user_id')}";
|
||||
if (uid != '') {
|
||||
$.get("{:url('index/sign/todayData')}", function(data) {
|
||||
|
||||
$('.fly-signin-days').html('已连续签到<cite>' + data.days + '</cite>天');
|
||||
|
||||
if (data.is_sign == 1) {
|
||||
|
||||
$('.fly-signin-main').html('<button class="layui-btn layui-btn-disabled">今日已签到</button><span>获得了<cite>' + data.score + '</cite>' + jifenname + '</span>');
|
||||
|
||||
} else {
|
||||
$('.fly-signin-main').html('<button id="LAY_signin" class="layui-btn layui-btn-danger">今日签到</button><span>可获得<cite>' + data.will_getscore + '</cite>' + jifenname + '</span>');
|
||||
|
||||
$("#LAY_signin").on("click", function() {
|
||||
|
||||
$.getJSON("{:url('index/sign/sign')}", function(data) {
|
||||
|
||||
if (data.code == 200) {
|
||||
$('.fly-signin-days').html('已连续签到<cite>' + data.days + '</cite>天');
|
||||
$('.fly-signin-main').html('<button class="layui-btn layui-btn-disabled">今日已签到</button><span>获得了<cite>' + data.score + '</cite>' + jifenname + '</span>');
|
||||
if (data.msg != '') {
|
||||
layer.msg(data.msg, {
|
||||
icon: 6,
|
||||
time: 5000
|
||||
},function () {
|
||||
location.reload(true);
|
||||
});
|
||||
}
|
||||
} else {
|
||||
layer.msg(data.msg);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$('.fly-signin-main').html('<button class="layui-btn layui-btn-danger" id="LAY_signin">签到得' + jifenname + '</button>');
|
||||
$("#LAY_signin").on("click", function() {
|
||||
layer.msg('请先登录');
|
||||
});
|
||||
}
|
||||
|
||||
//查看签到积分规则
|
||||
$("#LAY_signinHelp").on("click", function() {
|
||||
loading = layer.load(2, {
|
||||
shade: [0.2, '#000']
|
||||
});
|
||||
var url = "{:url('index/sign/getsignrule')}";
|
||||
|
||||
|
||||
$.getJSON(url, function(data) {
|
||||
$str = '';
|
||||
$.each(data.msg, function(k, v) {
|
||||
$str += '<tr><td>≥' + v.days + '</td><td>' + v.score + '</td></tr>';
|
||||
});
|
||||
var content = '<div class="layui-text" style="padding: 20px;">' +
|
||||
'<blockquote class="layui-elem-quote">“签到”可获得社区' + jifenname + ',规则如下</blockquote>' +
|
||||
'<table class="layui-table">' +
|
||||
'<thead>' +
|
||||
'<tr><th>连续签到天数</th><th>每天可获' + jifenname + '</th></tr>' +
|
||||
'</thead>' +
|
||||
'<tbody>' +
|
||||
$str +
|
||||
'</tbody>' +
|
||||
'</table>' +
|
||||
'<ul>' +
|
||||
'<li style="color: #FF5722;">新年期间签到额外赠送最高99金币</li>' +
|
||||
'<li>中间若有间隔,则连续天数重新计算</li>' +
|
||||
// '<li style="color: #FF5722;">不可利用程序自动签到,否则' + jifenname + '清零</li>' +
|
||||
'</ul></div>'
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: '签到说明',
|
||||
area: '300px',
|
||||
shade: 0.8,
|
||||
shadeClose: true,
|
||||
content: content,
|
||||
success: function(index, layero) {
|
||||
//do something
|
||||
layer.close(loading); //如果设定了yes回调,需进行手工关闭
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
//查看积分榜单
|
||||
$("#LAY_signinTop").on("click", function() {
|
||||
|
||||
var signlisturl = "{:url('index/sign/lists')}";
|
||||
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '签到活跃榜 - TOP 20',
|
||||
shade: 0.8,
|
||||
area: ['300px', '430px'], //宽高
|
||||
scrollbar: false,
|
||||
shadeClose: true,
|
||||
content: signlisturl,
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
{/block}
|
Loading…
x
Reference in New Issue
Block a user