贷款-会员中心样式

htmldev/loan/src/views/loan/register/index.vue

@@ -132,7 +132,7 @@
     </van-popup>
     <van-popup class="popup-benefits" v-model="objBenefits.show">
       <p class="benefits-title">{{ objBenefits.title }}</p>
-      <p class="benefits-msg">{{ objBenefits.msg }}</p>
+      <p class="benefits-msg" v-for="(item, index) in objBenefits.msg" :key="index">{{ item }}</p>
     </van-popup>
   </div>
 </template>
@@ -147,37 +147,32 @@ import { getUserInfo } from '../mine/api'
 const STRCAPTURE = process.env.API_DOMAIN + '/api/captcha'
 const memberBenefits = [
   {
-    title: '私人客服',
-    msg: '为每一位妥妥会员安排一位专属的私人客服。'
-  },
-  {
-    title: '专车接送',
-    msg: ''
+    title: '"头等舱"服',
+    msg: ['1、一对一专人全程陪同服务', '2、免费提供饮品、小食', '3、专属优先办理', '4、伴手礼']
   },
   {
-    title: '"头等舱"服',
-    msg: ''
+    title: '私人客服',
+    msg: ['一对一私人金融顾问，量身定制最优家庭金融方案。']
   },
   {
     title: '新人有礼',
-    msg: ''
+    msg: ['20元商城消费券。']
   },
   {
-    title: '周边福利',
-    msg: ''
+    title: '千元礼包',
+    msg: ['1、300元甲醛券。', '2、500元办理红包。', '3、200元妥妥商城红包券。']
   },
   {
-    title: '妥妥秒杀',
-    msg: ''
+    title: '妥妥分享',
+    msg: ['即将上线']
   },
   {
-    title: '分享有礼',
-    msg: ''
+    title: '妥妥秒杀',
+    msg: ['即将上线']
   },
   {
-    title: '家装妥妥帮',
-    msg: ''
-
+    title: '妥妥周边',
+    msg: ['即将上线']
   }
 ]
 export default {
@@ -305,6 +300,9 @@ export default {
   },
   methods: {
     handleObjBenefits (item) {
+      if (!item.msg.length) {
+        return
+      }
       this.objBenefits = {
         ...item,
         show: true
@@ -803,7 +801,7 @@ img.title {
 
   .benefits-title {
     width: 210px;
-    margin: 0 auto;
+    margin: 0 auto 20px;
     line-height: 22px;
     font-size: 16px;
     font-weight: 500;
@@ -813,7 +811,7 @@ img.title {
 
   .benefits-msg {
     width: 210px;
-    margin: 20px auto 0;
+    margin: 0 auto;
     line-height: 20px;
     font-size: 14px;
     color: #666;