首页 > Web开发 > 详细

html 签到时五角星样式

时间:2018-12-11 12:16:46      阅读:196      评论:0      收藏:0      [点我收藏+]

<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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!