Dataview 如何展示最近几天的待办事项?

仅检查了按 #11 同类方式生成元素的效果。

image

CSS 代码,点击展开
/*3日任务*/
.dataview-container:has(.dataview.result-group) {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /*3列均分*/
  grid-gap: var(--size-2-1); /*列间距*/
  & > div:nth-of-type(1) {grid-column: 1; grid-row: 2;}
  & > h4:nth-of-type(2) {grid-column: 2; grid-row: 1;}
  & > div:nth-of-type(2) {grid-column: 2; grid-row: 2;}
  & > h4:nth-of-type(3) {grid-column: 3; grid-row: 1;}
  & > div:nth-of-type(3) {grid-column: 3; grid-row: 2;}
}
.cm-s-obsidian {
  & ul.contains-task-list {--list-indent: 0;} /*阅读模式受 body 影响*/
  & .dataview.task-list-item-checkbox {margin-inline-start: 0;}
  /*编辑模式左缩进,不会 var 就整个删掉写多少 px*/
  & .dataview.result-group {padding-left: var(--size-2-1);}
}
.markdown-preview-view .dataview.result-group {
  padding-left: var(--size-2-3); /*阅读模式左缩进*/
}
/*全局阅读模式列表缩进,考虑到很多人会设置特意提醒,如果对不齐可能是这个问题*/
body {
  --list-indent: 1.4rem; 
}