首页老黄历全面升级 + 修复农历转换核心bug

【重要修复】重写农历双向转换算法（原来全错）： - solarToLunar/lunarToSolar 改用标准算法（基准1900-01-31正月初一，UTC避免时区误差） - 验证：2026春节2-17、中秋9-25、端午6-19、2023闰二月全部正确【首页大日历】 - 日期数字加大到240rpx，超醒目 - 节假日红色喜庆卡片+红数字（春节/国庆/中秋等法定假日） - 工作日绿色卡片+绿数字（一眼知道要上班） - 周末红色数字+米黄卡片 - 节气显示具体时刻（如立秋 20:29） - 初一/十五金色标记（可在设置关闭） - 佛历提醒：距下一佛诞还有几天（可在设置开启）【全屏放大弹窗（老年友好）】 - 大日历卡片/宜忌/详情/节日速查点击均可全屏放大 - 宜忌放大后字号44rpx，详情放大后40rpx 【月历视图】 - swiper 左右滑动换月，预计算5个月居中显示 - 滑到边缘自动补月，可无限滚动 - 点选日期切回日视图【节日速查】 - 首页显示近期5个节日（中秋/重阳等）+公历日期+倒计时 - 点击直接跳到该日老黄历【设置页】 - 新增'显示佛历提醒'开关（默认关） - 新增'初一十五高亮'开关（默认开）
2026-08-07 12:49:57 +00:00
parent 5d40019ea5
commit 82c1a8d694
11 changed files with 1636 additions and 425 deletions
@@ -42,7 +42,6 @@
  min-width: 96rpx;
 }

-/* 页面主体 */
 .page-body {
  box-sizing: border-box;
  min-height: 100vh;
@@ -55,12 +54,30 @@

 /* ===== 老黄历大日历卡片 ===== */
 .almanac-card {
-  background: linear-gradient(160deg, #FFFFFF 0%, #FFF8EF 100%);
-  border: 1rpx solid #E8D5C4;
  border-radius: 24rpx;
-  padding: 32rpx 24rpx;
+  padding: 32rpx 24rpx 24rpx;
  margin-bottom: 16rpx;
  position: relative;
+  border: 2rpx solid #E8D5C4;
+  background: #FFFFFF;
+}
+
+/* 节假日：喜庆红 */
+.almanac-card.is-holiday {
+  background: linear-gradient(160deg, #FFF5F4 0%, #FFE8E4 100%);
+  border-color: #C41E3A;
+}
+
+/* 工作日：清新绿 */
+.almanac-card.is-workday {
+  background: linear-gradient(160deg, #F4FBF5 0%, #E6F5E9 100%);
+  border-color: #4CAF50;
+}
+
+/* 周末：米黄 */
+.almanac-card.is-weekend {
+  background: linear-gradient(160deg, #FFFBF0 0%, #FFF3DC 100%);
+  border-color: #E0A93E;
 }

 .almanac-head {
@@ -81,6 +98,11 @@
  margin-left: 16rpx;
 }

+.head-tags {
+  display: flex;
+  gap: 12rpx;
+}
+
 .today-tag {
  background: #C41E3A;
  color: #FFFFFF;
@@ -89,37 +111,48 @@
  border-radius: 999rpx;
 }

+.lunar-tag {
+  background: #E0A93E;
+  color: #FFFFFF;
+  font-size: 20rpx;
+  padding: 4rpx 20rpx;
+  border-radius: 999rpx;
+}
+
 /* 大日期 */
 .almanac-day-row {
  display: flex;
  align-items: center;
  justify-content: center;
-  margin: 16rpx 0 8rpx;
+  margin: 8rpx 0;
 }

 .almanac-day-num {
-  font-size: 160rpx;
+  font-size: 240rpx;
  font-weight: 700;
-  color: #C41E3A;
-  line-height: 1.1;
-  min-width: 320rpx;
+  line-height: 1.05;
+  min-width: 400rpx;
  text-align: center;
 }

+.num-holiday { color: #C41E3A; }
+.num-workday { color: #2E7D32; }
+.num-weekend { color: #C41E3A; }
+
 .day-arrow {
-  font-size: 64rpx;
+  font-size: 72rpx;
  color: #C9B8A6;
-  padding: 0 32rpx;
+  padding: 0 28rpx;
 }

 /* 农历 */
 .almanac-lunar {
  text-align: center;
-  margin-bottom: 16rpx;
+  margin-bottom: 12rpx;
 }

 .almanac-lunar-main {
-  font-size: 44rpx;
+  font-size: 48rpx;
  font-weight: 600;
  color: #1A1A1A;
  display: block;
@@ -136,15 +169,72 @@
 .almanac-fest {
  display: flex;
  justify-content: center;
+  flex-wrap: wrap;
  gap: 12rpx;
-  margin-bottom: 16rpx;
+  margin-bottom: 12rpx;
+}
+
+.badge-holiday {
+  background: #C41E3A;
+  color: #FFFFFF;
+  font-size: 24rpx;
+  padding: 6rpx 24rpx;
+}
+
+.badge-festival {
+  background: #C41E3A;
+  color: #FFFFFF;
+}
+
+.badge-term {
+  background: #2E7D32;
+  color: #FFFFFF;
+}
+
+/* 佛历提醒 */
+.buddhist-tip {
+  text-align: center;
+  padding: 12rpx;
+  margin-bottom: 8rpx;
+}
+
+.buddhist-text {
+  font-size: 26rpx;
+  color: #B8860B;
+}
+
+/* 工作日/节假日提示 */
+.day-type-tip {
+  text-align: center;
+  font-size: 28rpx;
+  font-weight: 600;
+  padding: 12rpx;
+  border-radius: 12rpx;
+  margin-top: 8rpx;
+}
+
+.tip-holiday {
+  color: #C41E3A;
+  background: rgba(196, 30, 58, 0.08);
+}
+
+.tip-workday {
+  color: #2E7D32;
+  background: rgba(46, 125, 50, 0.08);
+}
+
+.tip-weekend {
+  color: #C41E3A;
+  background: rgba(196, 30, 58, 0.08);
 }

 /* 宜忌 */
+.yiji-card {
+  position: relative;
+}
+
 .yiji-row {
  display: flex;
-  border-top: 1rpx solid #F0E6DA;
-  padding-top: 24rpx;
 }

 .yiji-col {
@@ -171,15 +261,8 @@
  flex-shrink: 0;
 }

-.yiji-title.yi {
-  background: #C41E3A;
-  color: #FFFFFF;
-}
-
-.yiji-title.ji {
-  background: #546E7A;
-  color: #FFFFFF;
-}
+.yiji-title.yi { background: #C41E3A; color: #FFFFFF; }
+.yiji-title.ji { background: #546E7A; color: #FFFFFF; }

 .yiji-items {
  display: flex;
@@ -189,22 +272,69 @@
 }

 .yiji-item {
-  font-size: 24rpx;
+  font-size: 26rpx;
  padding: 4rpx 14rpx;
  border-radius: 8rpx;
 }

-.yiji-item.yi {
-  background: #FEF2F2;
+.yiji-item.yi { background: #FEF2F2; color: #C41E3A; }
+.yiji-item.ji { background: #F1F5F9; color: #546E7A; }
+
+.zoom-hint {
+  text-align: center;
+  font-size: 20rpx;
+  color: #C9B8A6;
+  margin-top: 12rpx;
+}
+
+.section-title {
+  font-size: 28rpx;
+  font-weight: 600;
+  margin-bottom: 16rpx;
  color: #C41E3A;
 }

-.yiji-item.ji {
-  background: #F1F5F9;
-  color: #546E7A;
+/* 节日速查 */
+.fest-quick {
+  display: flex;
+  flex-direction: column;
+  gap: 8rpx;
+}
+
+.fest-quick-item {
+  display: flex;
+  align-items: center;
+  padding: 16rpx;
+  background: #FFFBF5;
+  border-radius: 12rpx;
+  gap: 16rpx;
+}
+
+.fest-name {
+  font-size: 28rpx;
+  font-weight: 600;
+  min-width: 120rpx;
+}
+
+.fest-date {
+  font-size: 24rpx;
+  color: #9E8E7E;
+  flex: 1;
+}
+
+.fest-left {
+  font-size: 24rpx;
+  color: #C41E3A;
+  font-weight: 500;
+}
+
+.fest-left.is-today {
+  background: #C41E3A;
+  color: #FFFFFF;
+  padding: 2rpx 16rpx;
+  border-radius: 999rpx;
 }

-/* 回到今天 */
 .back-today {
  text-align: center;
  margin-top: 20rpx;
@@ -213,37 +343,86 @@
  padding: 12rpx;
 }

-.detail-btn {
+/* ===== 月历视图 ===== */
+.month-body {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  box-sizing: border-box;
+}
+
+.month-header {
  text-align: center;
+  padding: 16rpx 0 8rpx;
+}
+
+.month-title {
+  font-size: 40rpx;
+  font-weight: 700;
+  color: #C41E3A;
+  display: block;
+}
+
+.month-hint {
+  font-size: 20rpx;
+  color: #C9B8A6;
+}
+
+.week-head {
+  padding: 0 20rpx;
+  margin-bottom: 4rpx;
+}
+
+.week-cell {
+  font-size: 24rpx;
+  color: #9E8E7E;
+  padding: 8rpx 0;
+}
+
+.month-swiper {
+  flex: 1;
+  height: 100%;
+}
+
+.month-scroll {
+  height: 100%;
+}
+
+.month-grid {
+  padding: 0 20rpx;
+  gap: 8rpx;
 }

-/* ===== 月历 ===== */
 .day-cell {
+  background: transparent;
+}
+
+.day-cell-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
-  padding: 12rpx 4rpx;
+  padding: 16rpx 4rpx;
  background: #FFFFFF;
  border-radius: 12rpx;
-  min-height: 100rpx;
+  min-height: 110rpx;
 }

-.day-cell.today {
+.day-cell-inner.today {
  background: #C41E3A;
  color: #FFFFFF;
 }

-.day-cell.today .day-lunar {
+.day-cell-inner.today .day-lunar {
  color: rgba(255, 255, 255, 0.8);
 }

-.day-cell.other-month {
-  opacity: 0.4;
+.day-cell-inner.other-month {
+  opacity: 0.35;
 }

 .day-number {
-  font-size: 28rpx;
+  font-size: 30rpx;
  font-weight: 500;
 }

@@ -265,3 +444,156 @@
  background: #C41E3A;
  margin-top: 4rpx;
 }
+
+/* ===== 全屏放大弹窗 ===== */
+.zoom-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 200;
+  display: none;
+}
+
+.zoom-mask.show {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.zoom-panel {
+  width: 92%;
+  max-height: 86%;
+  background: #FFFFFF;
+  border-radius: 24rpx;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.zoom-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 24rpx 28rpx;
+  background: #C41E3A;
+}
+
+.zoom-title {
+  color: #FFFFFF;
+  font-size: 36rpx;
+  font-weight: 600;
+}
+
+.zoom-close {
+  color: #FFFFFF;
+  font-size: 44rpx;
+  width: 64rpx;
+  height: 64rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.zoom-body {
+  padding: 32rpx 28rpx;
+  max-height: 70vh;
+}
+
+/* 宜忌放大 */
+.zoom-yiji-block {
+  margin-bottom: 40rpx;
+}
+
+.zoom-yiji-title {
+  width: 96rpx;
+  height: 96rpx;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 52rpx;
+  font-weight: 700;
+  margin-bottom: 24rpx;
+}
+
+.zoom-yiji-title.yi { background: #C41E3A; color: #FFFFFF; }
+.zoom-yiji-title.ji { background: #546E7A; color: #FFFFFF; }
+
+.zoom-yiji-items {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20rpx;
+}
+
+.zoom-yiji-item {
+  font-size: 44rpx;
+  padding: 16rpx 32rpx;
+  border-radius: 16rpx;
+  font-weight: 500;
+}
+
+.zoom-yiji-item.yi { background: #FEF2F2; color: #C41E3A; }
+.zoom-yiji-item.ji { background: #F1F5F9; color: #546E7A; }
+
+/* 详情放大 */
+.zoom-detail-row {
+  display: flex;
+  padding: 24rpx 0;
+  border-bottom: 1rpx solid #F0E6DA;
+  align-items: center;
+}
+
+.zoom-detail-label {
+  width: 200rpx;
+  font-size: 36rpx;
+  color: #9E8E7E;
+  flex-shrink: 0;
+}
+
+.zoom-detail-value {
+  font-size: 40rpx;
+  font-weight: 600;
+  color: #1A1A1A;
+  flex: 1;
+}
+
+.zoom-detail-value.holiday {
+  color: #C41E3A;
+}
+
+/* 节日放大 */
+.zoom-fest-row {
+  display: flex;
+  align-items: center;
+  padding: 28rpx 0;
+  border-bottom: 1rpx solid #F0E6DA;
+  gap: 24rpx;
+}
+
+.zoom-fest-name {
+  font-size: 44rpx;
+  font-weight: 600;
+  min-width: 200rpx;
+}
+
+.zoom-fest-date {
+  font-size: 36rpx;
+  color: #9E8E7E;
+  flex: 1;
+}
+
+.zoom-fest-left {
+  font-size: 36rpx;
+  color: #C41E3A;
+  font-weight: 500;
+}
+
+.zoom-fest-left.is-today {
+  background: #C41E3A;
+  color: #FFFFFF;
+  padding: 4rpx 24rpx;
+  border-radius: 999rpx;
+}