feat: 优化UI

pages/index/index.wxml

@@ -41,6 +41,16 @@
   >
     <view class="content-area">
 
+      <!-- VIP 状态卡片（仅 VIP 用户显示） -->
+      <view wx:if="{{isVip}}" class="vip-home-card tap-active" bindtap="goVip">
+        <text class="vip-home-icon">👑</text>
+        <view class="vip-home-body">
+          <text class="vip-home-title">全部频道会员</text>
+          <text class="vip-home-desc">所有频道面向你全量开放 · 畅听无限制</text>
+        </view>
+        <text class="vip-home-tag">享看权益 ›</text>
+      </view>
+
       <!-- ─── Section 1: 我的订阅 ─── -->
       <view class="section-header">
         <view class="section-title-wrap">
@@ -152,8 +162,8 @@
       <view class="section-header section-header-free">
         <view class="section-title-wrap">
           <text class="section-dot dot-free"></text>
-          <text class="section-title">免费频道</text>
-          <text class="section-subtitle">无需订阅，随时收听</text>
+          <text class="section-title">{{isVip ? '全部频道' : '免费频道'}}</text>
+          <text class="section-subtitle">{{isVip ? '会员全开放，点即收听' : '无需订阅，随时收听'}}</text>
         </view>
         <view class="section-action tap-active" bindtap="goDiscover">
           <text class="section-action-text">全部</text>
@@ -191,7 +201,10 @@
                 <text class="free-emoji">{{item.cover || '📻'}}</text>
               </view>
               <text class="free-name">{{item.name}}</text>
-              <t-tag size="small" variant="light-outline" theme="success">免费</t-tag>
+              <!-- VIP 用户显示频道类型，普通用户只显免费帘记 -->
+              <t-tag wx:if="{{item.isVipOnly}}" size="small" variant="light" theme="warning">👑</t-tag>
+              <t-tag wx:elif="{{item.isFree !== 1}}" size="small" variant="light" theme="default">付费</t-tag>
+              <t-tag wx:else size="small" variant="light-outline" theme="success">免费</t-tag>
             </view>
           </view>
         </scroll-view>