优化记录页趋势分析展示

pages/records/records.wxml

@@ -80,7 +80,14 @@
     </view>
   </ui-card>
 
+  <!-- 内容分区：日历与记录共享月份状态，趋势按需展示，减少默认页长度。 -->
+  <view class="records-content-tabs" hidden="{{totalSessions === 0}}">
+    <view class="records-content-tab {{contentMode === 'records' ? 'active' : ''}}" data-mode="records" bindtap="onToggleContentMode">记录日历</view>
+    <view class="records-content-tab {{contentMode === 'trend' ? 'active' : ''}}" data-mode="trend" bindtap="onToggleContentMode">趋势</view>
+  </view>
+
   <!-- 训练趋势 -->
+  <block wx:if="{{contentMode === 'trend'}}">
   <ui-card variant="in" hidden="{{totalSessions === 0}}">
     <view class="trend-section">
       <view class="trend-header">
@@ -93,11 +100,40 @@
           <view class="rec-seg-item {{trendMode === 'month' ? 'active' : ''}}" data-mode="month" bindtap="onToggleTrendMode">近6月</view>
         </view>
       </view>
+      <view class="trend-summary">
+        <view class="trend-summary-item">
+          <text class="trend-summary-value">{{trendSummary.totalText}}</text>
+          <text class="trend-summary-label">累计时长</text>
+        </view>
+        <view class="trend-summary-item">
+          <text class="trend-summary-value">{{trendSummary.activeCount}}</text>
+          <text class="trend-summary-label">{{trendSummary.activeLabel}}</text>
+        </view>
+        <view class="trend-summary-item">
+          <text class="trend-summary-value">{{trendSummary.streakCount}}</text>
+          <text class="trend-summary-label">连续打卡</text>
+        </view>
+      </view>
       <trend-chart chart-data="{{trendData}}"></trend-chart>
+      <view class="trend-highlight">
+        <image class="trend-highlight-icon" src="{{icons.sparkleFill}}" mode="aspectFit"></image>
+        <text class="trend-highlight-title">{{trendSummary.peakTitle}}</text>
+        <text class="trend-highlight-text">{{trendSummary.peakText}}</text>
+      </view>
+      <view class="best-trend-header">
+        <view class="trend-title-wrap">
+          <image class="history-title-icon" src="{{icons.crownFill}}" mode="aspectFit"></image>
+          <text class="best-trend-title">个人最佳趋势</text>
+        </view>
+        <text class="best-trend-best">{{bestTrendSummary.peakText}}</text>
+      </view>
+      <trend-chart chart-data="{{bestTrendData}}" variant="peak"></trend-chart>
     </view>
   </ui-card>
+  </block>
 
   <!-- 日历热力图 -->
+  <block wx:if="{{contentMode === 'records'}}">
   <ui-card variant="in" hidden="{{totalSessions === 0}}">
     <view class="calendar-section">
       <view class="month-picker">
@@ -167,6 +203,7 @@
       </view>
     </view>
   </ui-card>
+  </block>
   </view>
   <!-- /hidden wrapper -->