feat: index.vue 兼容 PREMIUM 等级 - 对比表四列 + 等级列表按钮

cfc-frontend/pages/membership/index.vue

@@ -74,11 +74,13 @@
             <text class="compare-cell cell-feature">权益项</text>
             <text class="compare-cell cell-free">免费</text>
             <text class="compare-cell cell-family active">家庭会员</text>
+            <text class="compare-cell cell-premium active">高级会员</text>
           </view>
           <view class="compare-row" v-for="(item, idx) in compareData" :key="idx">
             <text class="compare-cell cell-feature">{{ item.name }}</text>
             <text class="compare-cell cell-free">{{ item.free }}</text>
             <text class="compare-cell cell-family active">{{ item.family }}</text>
+            <text class="compare-cell cell-premium active">{{ item.premium }}</text>
           </view>
         </view>
       </view>
@@ -146,12 +148,12 @@ export default {
         { icon: '🎪', name: '专属活动', desc: '会员优先参与', bg: '#FCE7F3' }
       ],
       compareData: [
-        { name: '商品折扣', free: '普通价格', family: '会员专享价' },
-        { name: '家庭管理', free: '基础功能', family: '全部功能' },
-        { name: '推荐佣金', free: '不可参与', family: '最高15%' },
-        { name: '专属活动', free: '部分参与', family: '全部参与' },
-        { name: '成长报告', free: '月度', family: '每周+深度' },
-        { name: '任务配额', free: '每日5个', family: '不限量' }
+        { name: '商品折扣', free: '普通价格', family: '9折', premium: '8折' },
+        { name: '家庭管理', free: '基础功能', family: '全部功能', premium: '全部功能' },
+        { name: '推荐佣金', free: '不可参与', family: '最高15%', premium: '最高20%' },
+        { name: '专属活动', free: '部分参与', family: '全部参与', premium: '优先参与' },
+        { name: '成长报告', free: '月度', family: '每周+深度', premium: '每日+深度+专家解读' },
+        { name: '任务配额', free: '每日5个', family: '不限量', premium: '不限量+优先审核' }
       ]
     }
   },
@@ -544,6 +546,10 @@ export default {
   color: #F97316;
   font-weight: 600;
 }
+.cell-premium.active {
+  color: #8B5CF6;
+  font-weight: 600;
+}
 .header-row .compare-cell {
   font-size: 24rpx;
   font-weight: 600;
@@ -552,6 +558,9 @@ export default {
 .header-row .cell-family.active {
   color: #F97316;
 }
+.header-row .cell-premium.active {
+  color: #8B5CF6;
+}
 
 /* ===== 会员等级列表 ===== */
 .levels-section {