Files

111 lines
4.7 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<view class="container">
<!-- 梅花易数 -->
<view class="card">
<view class="section-title">梅花易数</view>
<view class="form-item">
<text class="form-label">起卦时间</text>
<picker mode="date" value="{{plumDate}}" bindchange="onPlumDateChange">
<view class="picker-input">{{plumDate}}</view>
</picker>
</view>
<view class="form-item">
<text class="form-label">时辰</text>
<picker mode="time" value="{{plumTime}}" bindchange="onPlumTimeChange">
<view class="picker-input">{{plumTime}}</view>
</picker>
</view>
<view class="btn-primary" bindtap="calcPlum">起卦</view>
</view>
<!-- 梅花易数结果 -->
<view class="card" wx:if="{{plumResult}}">
<view class="section-title">卦象</view>
<view class="hexagram-display">
<view class="trigram-row">
<text class="trigram-symbol">{{plumResult.upperTrigram.symbol}}</text>
<text class="trigram-name">{{plumResult.upperTrigram.name}}{{plumResult.upperTrigram.element}}</text>
</view>
<view class="trigram-row">
<text class="trigram-symbol">{{plumResult.lowerTrigram.symbol}}</text>
<text class="trigram-name">{{plumResult.lowerTrigram.name}}{{plumResult.lowerTrigram.element}}</text>
</view>
</view>
<view class="mt-2">
<text class="text-lg font-bold">{{plumResult.originalHexagram.name}}</text>
<text class="text-sm text-muted block mt-1">第{{plumResult.changingLine}}爻动</text>
</view>
<view class="mt-2 p-2 bg-page rounded">
<text class="text-sm">{{plumResult.originalHexagram.judgment}}</text>
</view>
<view class="mt-2 p-2 bg-page rounded">
<text class="text-sm">{{plumResult.originalHexagram.image}}</text>
</view>
<view class="mt-2" wx:if="{{plumResult.transformedHexagram}}">
<text class="text-base font-medium">变卦:{{plumResult.transformedHexagram.name}}</text>
</view>
<view class="mt-2 text-sm text-muted">
体用关系:{{plumResult.relationship}}
</view>
</view>
<!-- 称骨算命 -->
<view class="card mt-2">
<view class="section-title">称骨算命</view>
<view class="form-item">
<text class="form-label">出生年份(干支)</text>
<picker mode="selector" range="{{yearGanzhiList}}" value="{{boneYearIndex}}" bindchange="onBoneYearChange">
<view class="picker-input">{{yearGanzhiList[boneYearIndex]}}</view>
</picker>
</view>
<view class="form-item">
<text class="form-label">农历月份</text>
<picker mode="selector" range="{{monthList}}" value="{{boneMonthIndex}}" bindchange="onBoneMonthChange">
<view class="picker-input">{{monthList[boneMonthIndex]}}</view>
</picker>
</view>
<view class="form-item">
<text class="form-label">农历日期</text>
<picker mode="selector" range="{{dayList}}" value="{{boneDayIndex}}" bindchange="onBoneDayChange">
<view class="picker-input">{{dayList[boneDayIndex]}}</view>
</picker>
</view>
<view class="form-item">
<text class="form-label">时辰</text>
<picker mode="selector" range="{{hourList}}" value="{{boneHourIndex}}" bindchange="onBoneHourChange">
<view class="picker-input">{{hourList[boneHourIndex]}}</view>
</picker>
</view>
<view class="btn-primary" bindtap="calcBone">算命</view>
</view>
<!-- 称骨结果 -->
<view class="card" wx:if="{{boneResult}}">
<view class="section-title">称骨结果</view>
<view class="text-center">
<text class="text-3xl font-bold">{{boneResult.totalLiang}}两{{boneResult.totalQian}}钱</text>
<text class="badge {{boneResult.fortune.includes('上') ? 'badge-lucky' : boneResult.fortune.includes('下') ? 'badge-unlucky' : 'badge-outline'}} ml-2">{{boneResult.fortune}}</text>
</view>
<view class="mt-2 p-3 bg-page rounded">
<text class="text-base">{{boneResult.interpretation}}</text>
</view>
<view class="grid grid-cols-4 gap-2 mt-2">
<view class="text-center">
<text class="text-xs text-muted">年</text>
<text class="text-base font-medium block">{{boneResult.yearWeight}}钱</text>
</view>
<view class="text-center">
<text class="text-xs text-muted">月</text>
<text class="text-base font-medium block">{{boneResult.monthWeight}}钱</text>
</view>
<view class="text-center">
<text class="text-xs text-muted">日</text>
<text class="text-base font-medium block">{{boneResult.dayWeight}}钱</text>
</view>
<view class="text-center">
<text class="text-xs text-muted">时</text>
<text class="text-base font-medium block">{{boneResult.hourWeight}}钱</text>
</view>
</view>
</view>
</view>