feat: 优化UI

pages/player/index.wxml

@@ -2,7 +2,7 @@
 <page-meta page-style="overflow:hidden; background:#1A1208;" />
 <view class="player-page">
 
-  <!-- 状态栏占位（custom 导航模式必须手动留出状态栏高度） -->
+  <!-- 状态栏占位 -->
   <view style="height: {{statusBarHeight}}px; flex-shrink: 0;"></view>
 
   <!-- 环境光背景 -->
@@ -10,7 +10,7 @@
     style="background: radial-gradient(ellipse at 50% -10%, {{domain.bgColor || '#FF9D42'}}44 0%, transparent 65%);">
   </view>
 
-  <!-- 顶部：返回 + 标题 + 分享 -->
+  <!-- 顶部：返回 + 标题 + 评论 -->
   <view class="top-bar">
     <view class="top-btn tap-active" bindtap="goBack">
       <text class="top-back">‹</text>
@@ -19,8 +19,8 @@
       <text class="top-label">正在播放</text>
       <text class="top-title">{{activeContent.title || '加载中...'}}</text>
     </view>
-    <view class="top-btn tap-active" bindtap="onShare">
-      <text class="top-share">↑</text>
+    <view class="top-btn tap-active" bindtap="onOpenComments">
+      <text class="top-comment-icon">💬</text>
     </view>
   </view>
 
@@ -36,7 +36,7 @@
         <view class="ripple-ring" style="animation-delay: 1.4s;"></view>
       </view>
 
-      <!-- 大 emoji，无卡片背景 -->
+      <!-- 大 emoji -->
       <text class="cover-emoji {{isPlaying ? 'emoji-active' : ''}}">📻</text>
 
       <!-- 频道名 -->
@@ -58,11 +58,11 @@
     </view>
   </view>
 
-  <!-- 日期 + like 同行，进度条上方 -->
+  <!-- 日期 + like 同行 -->
   <view class="date-like-row">
     <text class="date-text">{{displayDate}}</text>
     <view class="like-btn-inline tap-active" bindtap="onLike">
-      <text class="like-icon">♡</text>
+      <text class="like-icon {{isLiked ? 'liked' : ''}}">{{isLiked ? '♥' : '♡'}}</text>
     </view>
   </view>
 
@@ -107,11 +107,62 @@
     </view>
   </view>
 
-  <!-- 倍速选择面板 -->
-  <t-action-sheet
-    visible="{{showSpeedSheet}}"
-    items="{{speedItems}}"
-    bind:selected="onSpeedSelect"
-    bind:cancel="onSpeedCancel"
-  />
+  <!-- 评论弹层 -->
+  <view class="comment-mask" wx:if="{{showComments}}" bindtap="onCloseComments"></view>
+  <view class="comment-sheet {{showComments ? 'sheet-up' : ''}}">
+    <view class="sheet-handle"></view>
+    <view class="sheet-header">
+      <text class="sheet-title">评论 ({{commentList.length}})</text>
+      <view class="sheet-close tap-active" bindtap="onCloseComments">
+        <text class="sheet-close-icon">✕</text>
+      </view>
+    </view>
+
+    <!-- 输入区 -->
+    <view class="comment-input-row">
+      <input
+        class="comment-input"
+        placeholder="说点什么..."
+        placeholder-style="color:rgba(255,200,120,0.3);"
+        value="{{commentText}}"
+        bindinput="onCommentInput"
+        confirm-type="send"
+        bindconfirm="onSubmitComment"
+        maxlength="200"
+      />
+      <view class="send-btn tap-active {{submitting ? 'sending' : ''}}" bindtap="onSubmitComment">
+        <text class="send-text">发送</text>
+      </view>
+    </view>
+
+    <!-- 评论列表 -->
+    <scroll-view scroll-y class="comment-list-scroll" enhanced show-scrollbar="{{false}}">
+      <view wx:if="{{commentLoading}}" class="comment-loading">
+        <text class="comment-loading-text">加载中...</text>
+      </view>
+      <view wx:elif="{{commentList.length === 0}}" class="comment-empty">
+        <text class="comment-empty-icon">💬</text>
+        <text class="comment-empty-text">还没有评论，来说第一句话</text>
+      </view>
+      <view
+        wx:for="{{commentList}}"
+        wx:key="id"
+        class="comment-item"
+      >
+        <view class="comment-avatar">
+          <text class="comment-avatar-text">{{item.userName ? item.userName[0] : '?'}}</text>
+        </view>
+        <view class="comment-body">
+          <text class="comment-author">{{item.userName || '匿名'}}</text>
+          <text class="comment-text">{{item.content}}</text>
+          <text class="comment-time">{{item.createdAtStr || item.createdAt}}</text>
+        </view>
+        <view wx:if="{{item._isOwn}}" class="comment-del tap-active" bindtap="onDeleteComment" data-id="{{item.id}}">
+          <text class="comment-del-icon">🗑</text>
+        </view>
+      </view>
+      <view style="height: 40rpx;"></view>
+    </scroll-view>
+  </view>
+
 </view>