html 签到时五角星样式

<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次签到有相关奖励的需求，那就需要计算相关日期和当前日期之间有几次签到，随便还确定显示几颗星，达到十颗星要清零...