套餐价格调整

src/views/mall/purchasePackage/components/packageList.js

@@ -1,31 +1,38 @@
+const equity = ['VIP会员标识', '简历刷新次数', '简历屏蔽', '优先推荐', '简历模板', '谁看过我', '薪酬报告']
+
 export const packData =  [
   {
     title: '14天双周卡',
-    price: 88,
+    price: 128,
     type: '大众会员套餐',
-    equity: ['VIP会员标识', '简历刷新次数', '简历屏蔽']
+    equity,
+    showLength: 3
   },
   {
     title: '30天月卡',
-    price: 158,
+    price: 198,
     type: '企业基础套餐',
-    equity: ['VIP会员标识', '简历刷新次数', '简历屏蔽', '优先推荐']
+    equity,
+    showLength: 4
   },
   {
     title: '60天月卡',
-    price: 298,
+    price: 318,
     recommend: true,
-    equity: ['VIP会员标识', '简历刷新次数', '简历屏蔽', '优先推荐', '简历模板']
+    equity,
+    showLength: 5
   },
   {
-    title: '季度卡',
-    price: 588,
-    equity: ['VIP会员标识', '简历刷新次数', '简历屏蔽', '优先推荐', '简历模板', '谁看过我']
+    title: '90天月卡',
+    price: 378,
+    equity,
+    showLength: 6
   },
   {
     title: '年度卡',
-    price: 1988,
+    price: 999,
     // cycle: '6个月',
-    equity: ['VIP会员标识', '简历刷新次数', '简历屏蔽', '优先推荐', '简历模板', '谁看过我', '薪酬报告']
+    equity,
+    showLength: 7
   }
 ]

src/views/mall/purchasePackage/components/packageList.vue

@@ -17,7 +17,7 @@
       <div v-if="val.equity">
         <div class="font-weight-bold my-3">权益</div>
         <ul>
-          <li v-for="k in val.equity" :key="k">{{ k }}</li>
+          <li v-for="(k, num) in val.equity" :key="k" :class="{'greyText': num+1 > val.showLength}">{{ k }}</li>
         </ul>
       </div>
       <div v-else>
@@ -60,6 +60,9 @@ const handleOpenMembership = (val) => {
 }
 </script>
 <style lang="scss" scoped>
+.greyText {
+  color: #774e2085 !important;
+}
 .list {
   width: 100%;
 }