bug修改

src/components/libraryListItem/index.vue

       z-index: 1;
     }
     > span {
+      width: .7rem;
+      text-align: center;
       display: inline-block;
       position: absolute;
       left: -0.1rem;
       background: #333;
       line-height: 0.25rem;
       border-radius: 0.25rem;
-      padding: 0 0.15rem;
+      box-shadow: 0 0 .1rem .02rem rgba(0, 0, 0, .15);
       &.active {
         background: #fc5534;
       }
             font-size: 0.13rem;
           }
           &.status {
-            padding: 0 0.15rem;
+            width: .7rem;
+            text-align: center;
             font-size: 0.12rem;
             color: #999;
             background: #fff;

src/pages/user/mainPage/userCenter/index.vue

         <div class="user-card">
           <div>
             <img :src="headimgurl" alt width="100%" height="100%">
-            <div>
-              <div class="user-name">{{user.Name}}</div>
+            <div style="margin-top: 0.06rem;">
+              <div>
+                <div class="user-name" style="display:inline-block;vertical-align: middle;">{{user.Name}}</div>
+                <div class="vip" style="display:inline-block;vertical-align: middle;margin-left:0.05rem">
+                  <span>vip1</span>
+                  <img src="../../../../common/icon/Rectangle.png" alt="">
+                </div>
+              </div>
               <div v-if="user.Phone">{{user.Phone}}</div>
               <div v-else>未绑定</div>
             </div>
-            <div class="vip">
-              <span>vip1</span>
-              <img src="../../../../common/icon/Rectangle.png" alt="">
-            </div>
           </div>
           <div v-if="user.Phone" class="code">
             <div>卡号：{{user.Barcode}}</div>
           if (this.user.Phone) {
             JsBarcode("#barcode", this.user.Barcode, {
               lineColor: '#000000',
-              width:1.5,
+              width:2.2,
               height: 60,
               displayValue: false
             })