对于每天看打卡状态的人来说，通过 checkbox 打卡再正常不过了，虽然模板列的功能很强大，可玩性更高，但是对小白真的很不友好，像这样通过 checkbox 显示的进度条在 notion、flowus、wolai 上都能轻松实现，求求好心的大佬给个代码，相信会有很多人需要的 🙏
本贴最后更新于 231 天前，其中的信息可能已经水流花落
相关帖子
被采纳的回答
-
JeffreyChen • • 2付费者 支持者 捐赠者
如果按照你的图片，大概按下面的代码改改就能用了：
.action{$total:= 4} .action{/* 填列数 */} .action{$count:= 0} .action{/* 有多少列就填多少组 */} .action{$state1:= index . "早起"} .action{$state2:= index . "运动"} .action{$state3:= index . "阅读"} .action{$state4:= index . "日报"} .action{if eq $state1 "√"} .action{$count = add1 $count} .action{end} .action{if eq $state2 "√"} .action{$count = add1 $count} .action{end} .action{if eq $state3 "√"} .action{$count = add1 $count} .action{end} .action{if eq $state4 "√"} .action{$count = add1 $count} .action{end} .action{$width:= round (mulf (divf $count $total) 100) 0} .action{$transparency:= addf (mulf (divf $count $total) 0.8) 0.2} <div style="display: flex; justify-content: flex-end; height: 100%;"> <span style="font-size: 100%; margin-right: 4px;">.action{$width}%</span> <span style="background-color: rgba(175,184,193,0.2); width: 100%; display: inline-block;height: 12px;border-radius: 6px;align-self: center;overflow: hidden;"> <span style="text-align: right; font-size: 12px; width: .action{$width}%; background-color: rgba(45,164,78,.action{$transparency}); display: inline-block;height: inherit;vertical-align: top;"></span> </span> </div>
请输入回帖内容
...
-
JeffreyChen • • 1
举个例子，我的模板列长这样：
用的代码是：
.action{$a:= index . "考点完成数占比" } .action{$b:= 100 } .action{$c:= mul $a 100} .action{$d:= div $c $b} .action{$e:= addf (mulf (divf $d 100) 0.8) 0.2} .action{$f:= index . "考点总数" } .action{$g:= index . "考点完成数" } <div style="display: flex; justify-content: flex-end; height: 100%;"> <span style="font-size: 100%; margin-right: 4px;">.action{$g}/.action{$f}</span> <span style="background-color: rgba(175,184,193,0.2); width: 100%; display: inline-block;height: 12px;border-radius: 6px;align-self: center;overflow: hidden;"> <span style="text-align: right; font-size: 12px; width: .action{$d}%; background-color: rgba(45,164,78,.action{$e}); display: inline-block;height: inherit;vertical-align: top;"></span> </span> </div>但主要问题在于模板代码不通用，每个数据库都要单独写，所以只能给你汇总一下我收集的跟模板相关的资料：
-
JeffreyChen • • 2
如果按照你的图片，大概按下面的代码改改就能用了：
.action{$total:= 4} .action{/* 填列数 */} .action{$count:= 0} .action{/* 有多少列就填多少组 */} .action{$state1:= index . "早起"} .action{$state2:= index . "运动"} .action{$state3:= index . "阅读"} .action{$state4:= index . "日报"} .action{if eq $state1 "√"} .action{$count = add1 $count} .action{end} .action{if eq $state2 "√"} .action{$count = add1 $count} .action{end} .action{if eq $state3 "√"} .action{$count = add1 $count} .action{end} .action{if eq $state4 "√"} .action{$count = add1 $count} .action{end} .action{$width:= round (mulf (divf $count $total) 100) 0} .action{$transparency:= addf (mulf (divf $count $total) 0.8) 0.2} <div style="display: flex; justify-content: flex-end; height: 100%;"> <span style="font-size: 100%; margin-right: 4px;">.action{$width}%</span> <span style="background-color: rgba(175,184,193,0.2); width: 100%; display: inline-block;height: 12px;border-radius: 6px;align-self: center;overflow: hidden;"> <span style="text-align: right; font-size: 12px; width: .action{$width}%; background-color: rgba(45,164,78,.action{$transparency}); display: inline-block;height: inherit;vertical-align: top;"></span> </span> </div>1 回复 -
-
请输入回帖内容
...