每日运势小程序

DailyFortuneGuide/pages/result/index.ttml

@@ -0,0 +1,122 @@
+<view class="page">
+  <view class="glow-bg"></view>
+  <scroll-view class="content" scroll-y="true" style="padding-top: {{safeAreaTop}}px;">
+    <view class="summary-card">
+      <view class="summary-header">
+        <view>
+          <text class="summary-title">今日整体指数</text>
+          <text class="summary-date">{{fortuneDate || '今日'}}</text>
+        </view>
+        <text class="summary-score">{{overallScore}}</text>
+      </view>
+      <text class="summary-text" tt:if="{{summary}}">{{summary}}</text>
+    </view>
+
+    <view class="lucky-card" tt:if="{{luckyGuide}}">
+      <view class="card-title">
+        <text>吉祥元素</text>
+        <text class="element-tag">{{luckyGuide.element}}</text>
+      </view>
+      <view class="guide-row" tt:if="{{luckyGuide.colorText}}">
+        <text class="guide-label">幸运色</text>
+        <text class="guide-value">{{luckyGuide.colorText}}</text>
+      </view>
+      <view class="guide-row" tt:if="{{luckyGuide.directionText}}">
+        <text class="guide-label">顺势方位</text>
+        <text class="guide-value">{{luckyGuide.directionText}}</text>
+      </view>
+      <view class="guide-row" tt:if="{{luckyGuide.propsText}}">
+        <text class="guide-label">随身物件</text>
+        <text class="guide-value">{{luckyGuide.propsText}}</text>
+      </view>
+      <view class="guide-row" tt:if="{{luckyGuide.activitiesText}}">
+        <text class="guide-label">行动建议</text>
+        <text class="guide-value">{{luckyGuide.activitiesText}}</text>
+      </view>
+      <view class="time-slots" tt:if="{{luckyGuide.bestTimeSlots.length}}">
+        <block tt:for="{{luckyGuide.bestTimeSlots}}" tt:key="label">
+          <view class="time-slot">
+            <text class="time-label">{{item.label}}</text>
+            <text class="time-period">{{item.period}}</text>
+            <text class="time-reason">{{item.reason}}</text>
+          </view>
+        </block>
+      </view>
+    </view>
+
+    <view class="dimension-card" tt:if="{{dimensions.length}}">
+      <view class="card-title">
+        <text>六维运势</text>
+        <text class="card-subtitle">结合趋势安排节奏</text>
+      </view>
+      <view class="dimension-grid">
+        <block tt:for="{{dimensions}}" tt:key="key">
+          <view class="dimension-item">
+            <view class="dimension-header">
+              <text class="dimension-icon">{{item.icon}}</text>
+              <view>
+                <text class="dimension-title">{{item.title}}</text>
+                <text class="dimension-trend">{{item.trendText}}</text>
+              </view>
+              <text class="dimension-score">{{item.score}}</text>
+            </view>
+            <text class="dimension-insight">{{item.insight}}</text>
+            <text class="dimension-suggestion">{{item.suggestion}}</text>
+          </view>
+        </block>
+      </view>
+    </view>
+
+    <view class="profile-card" tt:if="{{profile}}">
+      <view class="card-title">
+        <text>命盘摘要</text>
+        <text class="card-subtitle">
+          {{(profile.birthProvince ? profile.birthProvince + ' · ' : '') + profile.birthCity}}
+        </text>
+      </view>
+      <view class="profile-row">
+        <text class="profile-label">出生信息</text>
+        <text class="profile-value">{{profile.birthDateTime}}</text>
+      </view>
+      <view class="pillars">
+        <block tt:for="{{profile.birthPillars}}" tt:key="label">
+          <view class="pillar">
+            <text class="pillar-label">{{item.label}}</text>
+            <text class="pillar-value">{{item.value}}</text>
+          </view>
+        </block>
+      </view>
+      <view class="pillars today" tt:if="{{profile.todayPillars.length}}">
+        <block tt:for="{{profile.todayPillars}}" tt:key="label">
+          <view class="pillar">
+            <text class="pillar-label">{{item.label}}</text>
+            <text class="pillar-value">{{item.value}}</text>
+          </view>
+        </block>
+      </view>
+      <view class="elements" tt:if="{{profile.distribution.length}}">
+        <block tt:for="{{profile.distribution}}" tt:key="element">
+          <view class="element-bar">
+            <text class="element-label">{{item.element}}</text>
+            <view class="bar-track">
+              <view class="bar-fill" style="width: {{item.width}};"></view>
+            </view>
+            <text class="element-percent">{{item.percent}}%</text>
+          </view>
+        </block>
+      </view>
+    </view>
+
+    <view class="narrative-card" tt:if="{{narrative}}">
+      <view class="card-title">
+        <text>AI 深度解读</text>
+      </view>
+      <text class="narrative-text">{{narrative}}</text>
+    </view>
+
+    <view class="actions">
+      <button class="primary" bindtap="handleGoHistory">查看历史记录</button>
+      <button class="secondary" bindtap="handleBack">返回上一页</button>
+    </view>
+  </scroll-view>
+</view>