[1.0船新版本 CSS 片段系列] 日历插件 年月互换

经验分享
1

image

body #calendar-container .nav {
  padding-left: var(--size-4-1);
  padding-right: 0;
  margin-top: 1rem;
}
body #calendar-container .nav .title {
  display: flex;
  flex-direction: row-reverse;
  font-weight: normal;
  font-size: 1.2rem;
}
body #calendar-container .nav .title .year {
  color: var(--text-normal);
  letter-spacing: 0.1rem;
  display: flex;
  align-items: center;
}
body #calendar-container .nav .title .year::after {
  content: "年";
  margin-right: var(--size-2-1);
  margin-left: var(--size-2-1);
}
body #calendar-container .nav .title .month {
  height: var(--size-4-6);
  line-height: var(--size-4-6);
  letter-spacing: 0.1rem;
  font-weight: bold;
  color: var(--text-accent);
}

PS：之前的滚动条美化已更新

2 个赞