feat: 样式调整

pages/player/index.wxml

@@ -1,16 +1,16 @@
 <!-- 播放器详情页 -->
-<page-meta page-style="overflow:hidden; background:#1A1208;" />
+<page-meta page-style="overflow:hidden; background:#FAFAF8;" />
 <view class="player-page">
 
   <!-- 状态栏占位 -->
   <view style="height: {{statusBarHeight}}px; flex-shrink: 0;"></view>
 
-  <!-- 环境光背景 -->
+  <!-- 环境光背景 - 顶部轻柔光晕 -->
   <view class="bg-glow"
-    style="background: radial-gradient(ellipse at 50% -10%, {{domain.bgColor || '#FF9D42'}}44 0%, transparent 65%);">
+    style="background: radial-gradient(ellipse at 50% -10%, {{domain.bgColor || '#FF9E6D'}}26 0%, transparent 60%);">
   </view>
 
-  <!-- 顶部：返回 + 标题 + 评论 -->
+  <!-- 顶部：返回 + 标题 -->
   <view class="top-bar">
     <view class="top-btn tap-active" bindtap="goBack">
       <text class="top-back">‹</text>
@@ -19,9 +19,7 @@
       <text class="top-label">正在播放</text>
       <text class="top-title">{{activeContent.title || '加载中...'}}</text>
     </view>
-    <view class="top-btn tap-active" bindtap="onOpenComments">
-      <text class="top-comment-icon">💬</text>
-    </view>
+    <view class="top-btn" style="visibility: hidden;"></view>
   </view>
 
   <!-- 中央 Banner：封面 ↔ 文案 -->
@@ -42,27 +40,37 @@
       <!-- 频道名 -->
       <text class="cover-channel">{{domain.name}}</text>
 
-      <text class="banner-hint">点击查看文案</text>
+      <text class="banner-hint">📖 阅读模式</text>
     </view>
 
-    <!-- 文案视图 -->
+    <!-- 文案视图（阅读模式） -->
     <view class="banner-transcript {{showTranscript ? '' : 'banner-hidden'}}">
       <scroll-view scroll-y enhanced show-scrollbar="{{false}}" class="transcript-scroll">
         <text class="transcript-content" wx:if="{{activeContent.content}}">{{activeContent.content}}</text>
         <view wx:else class="transcript-empty">
-          <text class="transcript-empty-icon">📄</text>
-          <text class="transcript-empty-text">暂无文案</text>
+          <text class="transcript-empty-icon">📝</text>
+          <text class="transcript-empty-text">暂无文案内容</text>
+          <text class="transcript-empty-sub">主播未上传此期文稿</text>
         </view>
       </scroll-view>
-      <text class="banner-hint">点击返回封面</text>
+      <view class="transcript-close-hint">
+        <text class="transcript-close-text">点击任意区域返回播放</text>
+      </view>
     </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 {{isLiked ? 'liked' : ''}}">{{isLiked ? '♥' : '♡'}}</text>
+    <view class="action-btns">
+      <!-- 收藏按鈕 -->
+      <view class="action-btn tap-active" bindtap="onFavorite">
+        <text class="action-icon {{isFavorited ? 'favorited' : ''}}">{{isFavorited ? '🔖' : '📄'}}</text>
+      </view>
+      <!-- 点赞按钮 -->
+      <view class="action-btn tap-active" bindtap="onLike">
+        <text class="like-icon {{isLiked ? 'liked' : ''}}">{{isLiked ? '❤️' : '♡'}}</text>
+      </view>
     </view>
   </view>
 
@@ -73,10 +81,10 @@
       min="0"
       max="{{duration}}"
       value="{{currentTime}}"
-      activeColor="#FF9D42"
+      activeColor="#FF9E6D"
       backgroundColor="rgba(255,255,255,0.12)"
       block-size="14"
-      block-color="#FF9D42"
+      block-color="#FF9E6D"
       bindchange="onSliderChange"
       bindchanging="onSliderChanging"
     />
@@ -86,8 +94,13 @@
     </view>
   </view>
 
-  <!-- 控制区：← 15s | 播放/暂停 | 15s → -->
+  <!-- 控制区：|◁ ← 15s | 播放/暂停 | 15s → ▷| -->
   <view class="controls-row">
+    <!-- 上一期 -->
+    <view class="prev-next-btn tap-active" bindtap="onPrev">
+      <text class="pn-icon">⏮</text>
+    </view>
+
     <view class="skip-btn tap-active" bindtap="onBackward">
       <text class="skip-arrow">↺</text>
       <text class="skip-sec">15</text>
@@ -105,64 +118,58 @@
       <text class="skip-arrow">↻</text>
       <text class="skip-sec">15</text>
     </view>
+
+    <!-- 下一期 -->
+    <view class="prev-next-btn tap-active" bindtap="onNext">
+      <text class="pn-icon">⏭</text>
+    </view>
   </view>
 
-  <!-- 评论弹层 -->
-  <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 class="speed-row">
+    <view class="speed-btn tap-active" bindtap="onSpeed">
+      <text class="speed-label">{{playbackRate === 1 ? '倍速' : playbackRate + 'x'}}</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>
+  <!-- 倍速选择 ActionSheet -->
+  <t-action-sheet
+    visible="{{showSpeedSheet}}"
+    items="{{speedItems}}"
+    bind:selected="onSpeedSelect"
+    bind:cancel="onSpeedCancel"
+    cancel-text="取消"
+  />
+
+  <!-- 分享面板遮罩 -->
+  <view class="share-mask" wx:if="{{showSharePanel}}" bindtap="onCloseShare"></view>
+
+  <!-- 分享面板 -->
+  <view class="share-sheet {{showSharePanel ? 'sheet-up' : ''}}">
+    <view class="share-sheet-handle"></view>
+    <view class="share-sheet-title">分享到</view>
+    <view class="share-options">
+
+      <!-- 发给朋友（open-type=share 触发 onShareAppMessage） -->
+      <button class="share-option-btn" open-type="share">
+        <view class="share-option">
+          <view class="share-opt-icon share-opt-friend">
+            <text class="share-opt-emoji">💬</text>
+          </view>
+          <text class="share-opt-label">小程序好友</text>
+        </view>
+      </button>
+
+      <!-- 分享到朋友圈 -->
+      <view class="share-option tap-active" bindtap="onShareMomentTip">
+        <view class="share-opt-icon share-opt-moment">
+          <text class="share-opt-emoji">🌐</text>
+        </view>
+        <text class="share-opt-label">朋友圈</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 class="share-cancel tap-active" bindtap="onCloseShare">取消</view>
   </view>
 
 </view>