码迷,mamicode.com
首页 > Web开发 > 详细

html 签到时五角星样式

时间:2018-12-11 12:44:05      阅读:317      评论:0      收藏:0      [点我收藏+]

标签:red   time   test   记录   log   col   需求   日期   当前日期   

<div id="test8">
<ul id="Start" style="height:15px;width:100%;">
@if (@ViewBag.CheckTime > 0)
{
for (int j = 0; j < @ViewBag.CheckTime; j++)
{
<li style="float: left; width: 10%;">
<a href="javascript:;" class="layui-icon layui-icon-rate-solid" style="color:red"></a>
</li>
}
for (int k = 0; k < 10 - @ViewBag.CheckTime; k++)
{
<li style="float: left; width: 10%; ">
<a href="javascript:;" class="layui-icon layui-icon-rate" style="color: red; "></a>
</li>
}
}
</ul>
</div>
<input type="button" id="btnCheck" class="layui-btn layui-btn-fluid" value="签到" />

签到问题总结:

首先签到需要单独一张表记录每次的签到log,如果每天只能签到一次的需求,那就需要对比一下今天日期和签到日期,如果有,就需要修改相关状态字段。如果积累10次签到有相关奖励的需求,那就需要计算相关日期和当前日期之间有几次签到,随便还确定显示几颗星,达到十颗星要清零...

html 签到时五角星样式

标签:red   time   test   记录   log   col   需求   日期   当前日期   

原文地址:https://www.cnblogs.com/Ly426/p/10101166.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!