diff --git a/src/pages/salon/index.scss b/src/pages/salon/index.scss
index 22bb1cb..b2138ec 100644
--- a/src/pages/salon/index.scss
+++ b/src/pages/salon/index.scss
@@ -1,7 +1,7 @@
 .Model {
   padding: 20px;
 
-  .bottomDiv{
+  .bottomDiv {
     width: 100%;
     height: 100px;
     // background-color: yellow;
@@ -13,4 +13,11 @@
     position: fixed;
     width: 680px;
   }
+
+  .model-emoji {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
 }
diff --git a/src/pages/salon/index.tsx b/src/pages/salon/index.tsx
index 8ac4118..bdfdf00 100644
--- a/src/pages/salon/index.tsx
+++ b/src/pages/salon/index.tsx
@@ -141,22 +141,25 @@ const Salon = () => {
               <br />
               💰价格29元/人 (场地成本)
             </View>
+            <br />
+            <View className="at-article__h3">| ☕已报名,请联系</View>
+            <View className="at-article__p">
+              {`ID:${window.localStorage.getItem("openid")}`}
+            </View>
+            {/* 已报名 */}
+            {meetup == 1 ? (
+              <View className="model-emoji">
+                <Image
+                  style="width: 240px;height: 240px;background: #fff;"
+                  src={qrcode}
+                />
+              </View>
+            ) : null}
           </View>
         </View>
       </View>
 
       <View className="bottomDiv"></View>
-
-      {/* 已报名 */}
-      {meetup == 1 ? (
-        <View className="model-emoji">
-          <Image
-            // style="width: 100%;height: 240px;background: #fff;"
-            src={qrcode}
-          />
-        </View>
-      ) : null}
-
       {/* 判断有没有wxid,是否女性 */}
       <AtButton
         type="primary"
@@ -167,7 +170,7 @@ const Salon = () => {
             return false;
           } else {
             if (!!isWeChat) {
-              payh5('meetup', 2900);
+              payh5("meetup", 2900);
             } else {
               setmeetupQR(true);
             }