96 lines
4.1 KiB
Plaintext
96 lines
4.1 KiB
Plaintext
<view class="container">
|
||
<!-- 顶部日期卡片 -->
|
||
<view class="card date-card">
|
||
<view class="flex justify-between items-center">
|
||
<view>
|
||
<text class="text-3xl font-bold">{{dayInfo.solarDay}}</text>
|
||
<text class="text-lg text-muted ml-2">{{dayInfo.solarMonth}}月{{dayInfo.solarYear}}年</text>
|
||
</view>
|
||
<view class="text-right">
|
||
<text class="text-base">{{dayInfo.weekDay}}</text>
|
||
<text class="text-sm text-muted block">{{dayInfo.constellation}}</text>
|
||
</view>
|
||
<image class="settings-entry" src="/images/settings.png" mode="aspectFit" bindtap="navTo" data-url="/pages/settings/settings"></image>
|
||
</view>
|
||
<view class="mt-2 flex items-center gap-2">
|
||
<text class="badge badge-festival" wx:if="{{dayInfo.lunarFestival}}">{{dayInfo.lunarFestival}}</text>
|
||
<text class="badge badge-festival" wx:if="{{dayInfo.solarFestival}}">{{dayInfo.solarFestival}}</text>
|
||
<text class="badge badge-outline" wx:if="{{dayInfo.solarTerm}}">{{dayInfo.solarTerm}}</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 农历信息 -->
|
||
<view class="card">
|
||
<view class="flex justify-between items-center">
|
||
<view>
|
||
<text class="text-2xl font-bold font-chinese">{{dayInfo.lunarMonthName}}{{dayInfo.lunarDayName}}</text>
|
||
<text class="text-sm text-muted block mt-1">{{dayInfo.lunarYearGanzhi}}年 {{dayInfo.lunarMonthGanzhi}}月 {{dayInfo.lunarDayGanzhi}}日</text>
|
||
</view>
|
||
<view class="text-right">
|
||
<text class="text-lg font-medium">{{dayInfo.zodiac}}年</text>
|
||
<text class="text-sm text-muted block">{{dayInfo.moonPhase}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 宜忌 -->
|
||
<view class="card">
|
||
<view class="flex gap-2 mb-2">
|
||
<view class="flex-1">
|
||
<text class="text-lucky font-bold text-lg">宜</text>
|
||
<view class="flex flex-wrap gap-1 mt-1">
|
||
<text class="badge badge-lucky" wx:for="{{almanac.recommends}}" wx:key="*this">{{item}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="flex-1">
|
||
<text class="text-unlucky font-bold text-lg">忌</text>
|
||
<view class="flex flex-wrap gap-1 mt-1">
|
||
<text class="badge badge-unlucky" wx:for="{{almanac.avoids}}" wx:key="*this">{{item}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 黄历详情 -->
|
||
<view class="card">
|
||
<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>
|
||
</view>
|
||
|
||
<!-- 快捷入口 -->
|
||
<view class="grid grid-cols-4 gap-2 mt-2">
|
||
<view class="quick-entry" bindtap="navTo" data-url="/pages/calendar/calendar">
|
||
<image src="/images/calendar.png" class="quick-icon" mode="aspectFit"/>
|
||
<text class="text-sm">日历</text>
|
||
</view>
|
||
<view class="quick-entry" bindtap="navTo" data-url="/pages/bazi/bazi">
|
||
<image src="/images/bazi.png" class="quick-icon" mode="aspectFit"/>
|
||
<text class="text-sm">八字</text>
|
||
</view>
|
||
<view class="quick-entry" bindtap="navTo" data-url="/pages/fortune/fortune">
|
||
<image src="/images/fortune.png" class="quick-icon" mode="aspectFit"/>
|
||
<text class="text-sm">运势</text>
|
||
</view>
|
||
<view class="quick-entry" bindtap="navTo" data-url="/pages/divination/divination">
|
||
<image src="/images/divination.png" class="quick-icon" mode="aspectFit"/>
|
||
<text class="text-sm">占卜</text>
|
||
</view>
|
||
</view>
|
||
</view>
|