Style(我的):界面调整

pages/user/User/index.vue

@@ -19,8 +19,12 @@
           </view>
           <view class="info">
             <view class="name-cont">
-              <view class="txt">
+              <view class="txt flex">
                 {{ userInfo.nickname }}
+                <image
+                  :src="webUrl + '/page/my/img-vip.png'"
+                  class="vip"
+                />
               </view>
               <view class="qrcode" @click="getSpreadPoster">
                 <image :src="webUrl + '/icon/icon-qrcode.png'" class="code" />
@@ -59,6 +63,13 @@
             </view>
           </view>
         </view>
+        <view
+          v-if="userInfo.hotel !== null && userInfo.hotel.checkState === 'C1'"
+          class="hotel-btn"
+          @click="innTagClick"
+        >
+           <image :src="webUrl + '/page/my/img-my-hotel-btn.png'" class="img" />
+        </view>
       </view>
       <view class="my-wrapper wrapper">
         <view class="myOrder">
@@ -356,7 +367,7 @@ export default {
           id: this.userInfo.hotel.id,
           isMyInn: true
         }
-      });
+      })
     },
     getSpreadPoster() {
       var that = this;
@@ -599,8 +610,15 @@ export default {
       color: #fff;
       .name-cont {
         .txt {
+          align-items: flex-end;
           margin: 0 0 32rpx 0;
           font-size: 26px;
+          line-height: 26px;
+          .vip {
+            margin: 0 0 0 12rpx;
+            width: 48rpx;
+            height: 32rpx;
+          }
         }
         .qrcode {
           display: flex;
@@ -670,6 +688,16 @@ export default {
         }
       }
     }
+    .hotel-btn {
+      position: absolute;
+      right: 0;
+      bottom: 120rpx;
+      z-index: 5;
+      .img {
+        width: 238rpx;
+        height: 78rpx;
+      }
+    }
   }
   .icon-order {
     width: 52rpx;