新增福星荟图片，手机号改为客户号

src/views/myBenefits/myBenefits.vue

@@ -9,9 +9,15 @@
         <div class="user-avatar">
           <img :src="userInfo.avatar" />
         </div>
-        <div class="user-info">
+        <div class="userInfoContent flex justify-content-b D">
-          <div class="user-name">{{ userInfo.name }}</div>
+          <div class="user-info">
-          <div class="user-phone" v-if="userInfo.mobile">{{ formattedMobile }}</div>
+            <div class="flex userNameFxh">
+              <div class="user-name">{{ userInfo.name }}</div>
+            </div>
+            <div class="user-phone" v-if="userInfo.customerNo">{{ userInfo.customerNo }}</div>
+            <!-- <div class="user-phone" v-if="userInfo.mobile">{{ formattedMobile }}</div> -->
+          </div>
+          <div class="fxh"><img src="@/assets/images/myBenefits/fxh.png" alt="" /></div>
         </div>
       </div>
 
@@ -320,19 +326,41 @@ export default {
           height: 100%;
         }
       }
+      .userInfoContent {
+        width: calc(100% - 58px);
+        // align-items: flex-start;
+        align-items: center;
+      }
       .user-info {
         margin-left: 15px;
-        .user-name,
+        .user-name {
-        .user-phone {
           font-family: PingFangSC, PingFang SC;
           font-weight: 500;
-          font-size: 14px;
+          font-size: 18px;
+          color: #333333;
+          // line-height: 23px;
+          text-align: left;
+          font-style: normal;
+        }
+        .user-phone {
+          font-family: PingFangSC, PingFang SC;
+          // font-weight: 500;
+          font-size: 17px;
           color: #333333;
           line-height: 23px;
           text-align: left;
           font-style: normal;
         }
       }
+      .fxh {
+        width: 80px;
+        padding-right: 10px;
+        img {
+          display: inline-block;
+          width: 100%;
+          height: 100%;
+        }
+      }
     }
     .level-card {
       position: relative;