<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 签到时五角星样式
原文地址：https://www.cnblogs.com/Ly426/p/10101166.html