会员信息卡片优化

src/components/basicTool/member-info/index.vue

@@ -77,14 +77,13 @@
               <img :src="shopInfo.logoUrl" alt />
             </div>
             <div class="leftText">
-              <p class="text">
+              <div class="text">
                 Hi～
-              </p>
-              <p class="text">欢迎加入XX会员俱乐部</p>
-              <p class="text">快来领取新人专享礼包吧</p>
               </div>
+              <div class="text">{{datas.componentData['noLoginText']}}</div>
             </div>
-          <div class="right" @click="toLogin">
+          </div>
+          <div class="right" @click="toLogin" :style="{'color':datas.componentData['noLoginBtnTextColor']}">
             登录/注册
           </div>
         </div>
@@ -480,6 +479,7 @@ export default {
       align-items: center;
       justify-content: space-between;
       .left {
+        align-items: center;
         .bc2 {
           width: 64px;
           height: 64px;
@@ -489,12 +489,13 @@ export default {
           }
         }
         .leftText {
-          p {
-            height: 21px;
+           div {
             font-size: 13px;
             font-weight: 600;
             line-height: 21px;
             color: var(--main-color);
+            width: 148px;
+            max-width: 148px;
           }
           margin-left: 10px;
         }