初始

pages/detail/detail.wxml

@@ -0,0 +1,78 @@
+<!--pages/detail/detail.wxml-->
+<view class="container">
+  <!-- 加载中 -->
+  <view class="loading-container" wx:if="{{ loading }}">
+    <van-loading size="36px" vertical>加载中...</van-loading>
+  </view>
+
+  <!-- 详情内容 -->
+  <block wx:if="{{ !loading && detail }}">
+    <!-- 头部信息 -->
+    <view class="detail-header">
+      <text class="detail-title">{{ detail.title }}</text>
+      <view class="detail-meta">
+        <text class="meta-author">{{ detail.author }}</text>
+        <text class="meta-time">{{ detail.publishTimeText }}</text>
+        <text class="meta-views">{{ detail.views }}阅读</text>
+      </view>
+    </view>
+
+    <!-- 封面图 -->
+    <view class="detail-cover" wx:if="{{ detail.image }}">
+      <van-image
+        width="100%"
+        height="400rpx"
+        fit="cover"
+        src="{{ detail.image }}"
+      />
+    </view>
+
+    <!-- 正文内容 -->
+    <view class="detail-content">
+      <rich-text nodes="{{ detail.content }}"></rich-text>
+    </view>
+
+    <!-- 标签 -->
+    <view class="detail-tags">
+      <van-tag plain type="primary">{{ detail.category }}</van-tag>
+    </view>
+
+    <!-- 分割线 -->
+    <view class="divider"></view>
+
+    <!-- 相关推荐 -->
+    <view class="related-section" wx:if="{{ relatedList.length > 0 }}">
+      <view class="section-title">相关推荐</view>
+      <view class="related-list">
+        <view
+          class="related-item"
+          wx:for="{{ relatedList }}"
+          wx:key="id"
+          data-id="{{ item.id }}"
+          bindtap="onRelatedTap"
+        >
+          <text class="related-title ellipsis">{{ item.title }}</text>
+          <text class="related-views">{{ item.views }}阅读</text>
+        </view>
+      </view>
+    </view>
+  </block>
+
+  <!-- 底部操作栏 -->
+  <view class="action-bar safe-area-bottom" wx:if="{{ !loading }}">
+    <view class="action-item" bindtap="onFavorite">
+      <van-icon 
+        name="{{ isFavorite ? 'star' : 'star-o' }}" 
+        size="48rpx"
+        color="{{ isFavorite ? '#ffc107' : '#666' }}"
+      />
+      <text>{{ isFavorite ? '已收藏' : '收藏' }}</text>
+    </view>
+    <view class="action-item">
+      <button class="share-btn" open-type="share">
+        <van-icon name="share-o" size="48rpx" color="#666" />
+        <text>分享</text>
+      </button>
+    </view>
+  </view>
+</view>