lunar-mini/mini/pages/home/home.wxml

<!-- 自定义导航栏 -->
<view class="custom-nav" style="padding-top: {{statusBarHeight}}px;">
  <view class="nav-inner" style="height: {{navBarHeight}}px;">
    <view class="nav-toggle" bindtap="toggleView">
      <text class="nav-toggle-text">{{viewMode === 'day' ? '月历' : '日历'}}</text>
    </view>
    <text class="nav-title font-chinese">老黄历</text>
    <view class="nav-right"></view>
  </view>
</view>

<!-- 日视图：老黄历 -->
<scroll-view class="page-body" scroll-y wx:if="{{viewMode === 'day'}}" style="padding-top: {{statusBarHeight + navBarHeight}}px;">
  <view class="container">

    <!-- 大日历卡片（点击放大） -->
    <view class="almanac-card {{legalHoliday ? 'is-holiday' : (workday ? 'is-workday' : 'is-weekend')}}" bindtap="openZoom" data-type="detail">
      <!-- 顶部：公历 -->
      <view class="almanac-head">
        <view class="almanac-head-left">
          <text class="almanac-year">{{dayInfo.solarYear}}年{{dayInfo.solarMonth}}月</text>
          <text class="almanac-week">{{dayInfo.weekDay}} · {{dayInfo.constellation}}</text>
        </view>
        <view class="head-tags">
          <text class="today-tag" wx:if="{{dayInfo.isToday}}">今日</text>
          <text class="lunar-tag" wx:if="{{isFirstOrFifteen}}">{{dayInfo.lunarDay === 1 ? '初一' : '十五'}}</text>
        </view>
      </view>

      <!-- 大日期（老黄历方框） -->
      <view class="almanac-day-row" catchtap="noop">
        <view class="day-arrow" catchtap="prevDay">‹</view>
        <view class="day-frame {{legalHoliday ? 'frame-holiday' : (workday ? 'frame-workday' : 'frame-weekend')}}">
          <view class="almanac-day-num font-chinese {{legalHoliday ? 'num-holiday' : (workday ? 'num-workday' : 'num-weekend')}}">{{dayInfo.solarDay}}</view>
        </view>
        <view class="day-arrow" catchtap="nextDay">›</view>
      </view>

      <!-- 农历 -->
      <view class="almanac-lunar">
        <text class="almanac-lunar-main font-chinese">{{dayInfo.lunarMonthName}}{{dayInfo.lunarDayName}}</text>
        <text class="almanac-lunar-sub">{{dayInfo.lunarYearGanzhi}}年 {{dayInfo.lunarMonthGanzhi}}月 {{dayInfo.lunarDayGanzhi}}日 · 属{{dayInfo.zodiac}}</text>
      </view>

      <!-- 节日/节气（固定高度，空着也占位） -->
      <view class="almanac-fest">
        <text class="badge badge-holiday" wx:if="{{legalHoliday}}">{{legalHoliday}}</text>
        <text class="badge badge-festival" wx:if="{{dayInfo.lunarFestival && !legalHoliday}}">{{dayInfo.lunarFestival}}</text>
        <text class="badge badge-festival" wx:if="{{dayInfo.solarFestival && !legalHoliday}}">{{dayInfo.solarFestival}}</text>
        <text class="badge badge-term" wx:if="{{dayInfo.solarTerm}}">{{dayInfo.solarTerm}}{{termTime ? ' ' + termTime : ''}}</text>
      </view>

      <!-- 佛历提醒（固定高度，空着也占位） -->
      <view class="buddhist-tip">
        <text class="buddhist-text" wx:if="{{showBuddhist && nextBuddhist}}" catchtap="noop">🪷 距 {{nextBuddhist.name}} 还有 {{nextBuddhist.daysLeft}} 天（{{nextBuddhist.solarDate}}）</text>
      </view>

      <!-- 工作日/节假日提示 -->
      <view class="day-type-tip {{legalHoliday ? 'tip-holiday' : (workday ? 'tip-workday' : 'tip-weekend')}}">
        {{legalHoliday ? legalHoliday + ' · 放假' : (workday ? '工作日 · 上班' : '周末 · 休息')}}
      </view>
    </view>

    <!-- 宜忌（点击放大） -->
    <view class="card yiji-card" bindtap="openZoom" data-type="yiji">
      <view class="yiji-row">
        <view class="yiji-col">
          <view class="yiji-title yi">宜</view>
          <view class="yiji-items">
            <text class="yiji-item yi" wx:for="{{almanac.recommends}}" wx:key="*this">{{item}}</text>
          </view>
        </view>
        <view class="yiji-divider"></view>
        <view class="yiji-col">
          <view class="yiji-title ji">忌</view>
          <view class="yiji-items">
            <text class="yiji-item ji" wx:for="{{almanac.avoids}}" wx:key="*this">{{item}}</text>
          </view>
        </view>
      </view>
      <view class="zoom-hint">点击放大 🔍</view>
    </view>

    <!-- 黄历详情（点击放大） -->
    <view class="card" bindtap="openZoom" data-type="detail">
      <view class="grid grid-cols-2 gap-2">
        <view class="p-2 bg-page rounded">
          <text class="text-xs text-muted">值神</text>
          <text class="text-base font-medium block">{{almanac.duty}}</text>
        </view>
        <view class="p-2 bg-page rounded">
          <text class="text-xs text-muted">黄道</text>
          <text class="text-base font-medium block">{{almanac.twelveStar.name}}（{{almanac.twelveStar.ecliptic}}）</text>
        </view>
        <view class="p-2 bg-page rounded">
          <text class="text-xs text-muted">二十八宿</text>
          <text class="text-base font-medium block">{{almanac.twentyEightStar.name}}</text>
        </view>
        <view class="p-2 bg-page rounded">
          <text class="text-xs text-muted">六曜</text>
          <text class="text-base font-medium block">{{almanac.sixStar}}</text>
        </view>
        <view class="p-2 bg-page rounded">
          <text class="text-xs text-muted">冲煞</text>
          <text class="text-base font-medium block">冲{{almanac.clash}} 煞{{almanac.evilDirection}}</text>
        </view>
        <view class="p-2 bg-page rounded">
          <text class="text-xs text-muted">彭祖百忌</text>
          <text class="text-base font-medium block">{{almanac.pengZu}}</text>
        </view>
      </view>
      <view class="zoom-hint">点击放大 🔍</view>
    </view>

    <!-- 节日速查 -->
    <view class="card" bindtap="openZoom" data-type="fest">
      <view class="section-title">节日速查</view>
      <view class="fest-quick">
        <view class="fest-quick-item" wx:for="{{upcoming}}" wx:key="name" catchtap="goFestival" data-date="{{item.solarDate}}">
          <text class="fest-name">{{item.name}}</text>
          <text class="fest-date">{{item.solarMonth}}月{{item.solarDay}}日</text>
          <text class="fest-left {{item.daysLeft === 0 ? 'is-today' : ''}}">{{item.daysLeft === 0 ? '今天' : item.daysLeft + '天后'}}</text>
        </view>
      </view>
    </view>

    <!-- 回今天 -->
    <view class="back-today" wx:if="{{!dayInfo.isToday}}" bindtap="backToday">回到今天</view>
  </view>
</scroll-view>

<!-- 月历视图：swiper 上下/左右滚动换月 -->
<view class="page-body month-body" wx:if="{{viewMode === 'month'}}" style="padding-top: {{statusBarHeight + navBarHeight}}px;">
  <view class="month-header">
    <text class="month-title font-chinese">{{currentYear}}年{{currentMonth}}月</text>
    <text class="month-hint">上下或左右滑动换月</text>
  </view>
  <view class="grid grid-cols-7 week-head">
    <view class="text-center week-cell" wx:for="{{weekHeaders}}" wx:key="*this">{{item}}</view>
  </view>
  <swiper
    class="month-swiper"
    vertical="{{false}}"
    circular="{{false}}"
    current="{{monthIndex}}"
    bindchange="onMonthSwiperChange"
    duration="300"
  >
    <swiper-item wx:for="{{monthList}}" wx:key="key">
      <scroll-view scroll-y class="month-scroll">
        <view class="grid grid-cols-7 month-grid">
          <view
            class="day-cell {{d.isToday ? 'today' : ''}} {{d.solarMonth !== item.month ? 'other-month' : ''}}"
            wx:for="{{item.weeks}}"
            wx:for-item="week"
            wx:key="week"
          >
            <block wx:for="{{week}}" wx:for-item="d" wx:key="solarDate">
              <view
                class="day-cell-inner {{d.isToday ? 'today' : ''}} {{d.solarMonth !== item.month ? 'other-month' : ''}}"
                bindtap="selectDay"
                data-date="{{d.solarDate}}"
              >
                <text class="day-number">{{d.solarDay}}</text>
                <text class="day-lunar {{d.lunarFestival || d.solarFestival ? 'festival' : ''}}">
                  {{d.lunarFestival || d.solarFestival || d.lunarDayName}}
                </text>
                <view class="day-dot" wx:if="{{d.isTermDay}}"></view>
              </view>
            </block>
          </view>
        </view>
      </scroll-view>
    </swiper-item>
  </swiper>
</view>

<!-- 全屏放大弹窗（老年友好） -->
<view class="zoom-mask {{zoomVisible ? 'show' : ''}}" bindtap="closeZoom">
  <view class="zoom-panel" catchtap="noop">
    <view class="zoom-header">
      <text class="zoom-title font-chinese">{{zoomTitle}}</text>
      <view class="zoom-close" bindtap="closeZoom">✕</view>
    </view>

    <!-- 宜忌放大 -->
    <scroll-view scroll-y class="zoom-body" wx:if="{{zoomType === 'yiji' && zoomData}}">
      <view class="zoom-yiji-block">
        <view class="zoom-yiji-title yi">宜</view>
        <view class="zoom-yiji-items">
          <text class="zoom-yiji-item yi" wx:for="{{zoomData.recommends}}" wx:key="*this">{{item}}</text>
        </view>
      </view>
      <view class="zoom-yiji-block">
        <view class="zoom-yiji-title ji">忌</view>
        <view class="zoom-yiji-items">
          <text class="zoom-yiji-item ji" wx:for="{{zoomData.avoids}}" wx:key="*this">{{item}}</text>
        </view>
      </view>
    </scroll-view>

    <!-- 详情放大 -->
    <scroll-view scroll-y class="zoom-body" wx:if="{{zoomType === 'detail' && zoomData}}">
      <view class="zoom-detail-row" wx:if="{{zoomData.legalHoliday}}">
        <text class="zoom-detail-label">节假日</text>
        <text class="zoom-detail-value holiday">{{zoomData.legalHoliday}}</text>
      </view>
      <view class="zoom-detail-row" wx:if="{{zoomData.termTime}}">
        <text class="zoom-detail-label">节气</text>
        <text class="zoom-detail-value">{{zoomData.termTime}}</text>
      </view>
      <view class="zoom-detail-row">
        <text class="zoom-detail-label">农历</text>
        <text class="zoom-detail-value">{{zoomData.lunar}}</text>
      </view>
      <view class="zoom-detail-row">
        <text class="zoom-detail-label">干支</text>
        <text class="zoom-detail-value">{{zoomData.ganzhi}}</text>
      </view>
      <view class="zoom-detail-row">
        <text class="zoom-detail-label">值神</text>
        <text class="zoom-detail-value">{{zoomData.duty}}</text>
      </view>
      <view class="zoom-detail-row">
        <text class="zoom-detail-label">黄道</text>
        <text class="zoom-detail-value">{{zoomData.twelveStar}}</text>
      </view>
      <view class="zoom-detail-row">
        <text class="zoom-detail-label">二十八宿</text>
        <text class="zoom-detail-value">{{zoomData.twentyEightStar}}</text>
      </view>
      <view class="zoom-detail-row">
        <text class="zoom-detail-label">六曜</text>
        <text class="zoom-detail-value">{{zoomData.sixStar}}</text>
      </view>
      <view class="zoom-detail-row">
        <text class="zoom-detail-label">冲煞</text>
        <text class="zoom-detail-value">{{zoomData.clash}}</text>
      </view>
      <view class="zoom-detail-row">
        <text class="zoom-detail-label">彭祖百忌</text>
        <text class="zoom-detail-value">{{zoomData.pengZu}}</text>
      </view>
    </scroll-view>

    <!-- 节日放大 -->
    <scroll-view scroll-y class="zoom-body" wx:if="{{zoomType === 'fest' && zoomData}}">
      <view class="zoom-fest-row" wx:for="{{zoomData.upcoming}}" wx:key="name" bindtap="goFestival" data-date="{{item.solarDate}}">
        <text class="zoom-fest-name">{{item.name}}</text>
        <text class="zoom-fest-date">{{item.solarDate}}</text>
        <text class="zoom-fest-left {{item.daysLeft === 0 ? 'is-today' : ''}}">{{item.daysLeft === 0 ? '今天' : '还有' + item.daysLeft + '天'}}</text>
      </view>
    </scroll-view>
  </view>
</view>