feat: 优化UI

pages/vip/index.wxml

@@ -2,12 +2,56 @@
 <page-meta page-style="overflow: hidden;" />
 <view class="vip-page">
 
-  <!-- ── 已是VIP，直接返回 ── -->
+  <!-- ── 已是 VIP，展示会员权益页 ── -->
   <view wx:if="{{isVip && mode === 'vip'}}" class="vip-done">
-    <text class="vip-done-icon">👑</text>
-    <text class="vip-done-title">您已经是全频道会员</text>
-    <text class="vip-done-desc">畅享全部频道，尊享专属权益</text>
-    <button class="done-back-btn" bindtap="goBack">返回</button>
+
+    <!-- 头部云光装饰 -->
+    <view class="vip-glow"></view>
+
+    <!-- 安全区域占位 -->
+    <view style="height: {{statusBarHeight}}px;"></view>
+
+    <!-- 嵇章区 -->
+    <view class="vip-done-hero">
+      <view class="vip-crown-wrap">
+        <text class="vip-crown">👑</text>
+        <view class="vip-crown-ring ring-1"></view>
+        <view class="vip-crown-ring ring-2"></view>
+      </view>
+      <text class="vip-done-title">全频道会员</text>
+      <view wx:if="{{vipExpireAt}}" class="vip-expire-badge">
+        <text class="vip-expire-text">永久有效 · 不限期限</text>
+      </view>
+      <view wx:else class="vip-expire-badge">
+        <text class="vip-expire-text">永久有效 · 不限期限</text>
+      </view>
+    </view>
+
+    <!-- 权益卡片网格 -->
+    <view class="vip-done-benefits">
+      <view class="vip-benefit-item">
+        <text class="vb-icon">🔓</text>
+        <text class="vb-name">全频道解锁</text>
+      </view>
+      <view class="vip-benefit-item">
+        <text class="vb-icon">🎧</text>
+        <text class="vb-name">免广告收听</text>
+      </view>
+      <view class="vip-benefit-item">
+        <text class="vb-icon">⭐</text>
+        <text class="vb-name">优先推送</text>
+      </view>
+      <view class="vip-benefit-item">
+        <text class="vb-icon">💬</text>
+        <text class="vb-name">互动评论</text>
+      </view>
+    </view>
+
+    <!-- 返回按钮 -->
+    <view class="vip-done-actions">
+      <button class="done-back-btn" bindtap="goBack">返回收听</button>
+    </view>
+
   </view>
 
   <!-- ── 主Scroll区域 ── -->
@@ -23,7 +67,7 @@
     <view class="vip-hero">
       <text class="vip-hero-title">{{mode === 'channel' ? channelName : '开通全频道会员'}}</text>
       <text class="vip-hero-desc">
-        {{mode === 'channel' ? '选择适合你的订阅方案，随时随地收听' : '解锁全部频道，告别无聊早晨'}}
+        {{mode === 'channel' ? '选择适合你的订阅方案，随时随地收听' : '一次开通，永久解锁全部频道'}}
       </text>
     </view>
 
@@ -51,20 +95,6 @@
                 <text class="benefit-desc">收听无任何打扰</text>
               </view>
             </view>
-            <view class="benefit-item">
-              <text class="benefit-check">⬇️</text>
-              <view class="benefit-info">
-                <text class="benefit-name">音频全量下载</text>
-                <text class="benefit-desc">支持离线随时听</text>
-              </view>
-            </view>
-            <view class="benefit-item">
-              <text class="benefit-check">⏰</text>
-              <view class="benefit-info">
-                <text class="benefit-name">晨间定时播</text>
-                <text class="benefit-desc">专属智能闹钟</text>
-              </view>
-            </view>
           </view>
         </view>
       </view>
@@ -77,14 +107,14 @@
           bindtap="selectPlan"
           data-plan="vip-all"
         >
-          <view wx:if="{{selectedPlan === 'vip-all'}}" class="plan-badge">限时特惠</view>
+          <view wx:if="{{vipOriginalPrice}}" class="plan-badge">限时特惠</view>
           <view class="plan-info">
-            <text class="plan-name">全频道连续包月</text>
-            <text class="plan-desc">自动续费，随时可取消</text>
+            <text class="plan-name">永久会员</text>
+            <text class="plan-desc">{{vipRemark || '一次购买，永久畅听全部频道'}}</text>
           </view>
           <view class="plan-price">
-            <text class="price-amount"><text class="price-symbol">¥</text>19.9</text>
-            <text class="price-original">¥29.9</text>
+            <text class="price-amount"><text class="price-symbol">¥</text>{{vipPrice || currentPrice}}</text>
+            <text class="price-original" wx:if="{{vipOriginalPrice}}">¥{{vipOriginalPrice}}</text>
           </view>
         </view>
       </view>