diff --git a/src/images/wechat.png b/src/images/wechat.png
new file mode 100644
index 0000000..2af4af6
Binary files /dev/null and b/src/images/wechat.png differ
diff --git a/src/pages/index/index.jsx b/src/pages/index/index.jsx
index 0d333ed..bd158ed 100644
--- a/src/pages/index/index.jsx
+++ b/src/pages/index/index.jsx
@@ -73,6 +73,7 @@ import boyb from "../../images/Avatar/boyb.jpg";
 import nomadBook from "../../images/nomadBook.jpg";
 import qrsalon from "../../images/qrsalon.png";
 import meetupsalon from "../../images/meetupsalon.png";
+import wechat from "../../images/wechat.png";
 
 import wechatGroup from "../../images/wechatGroup.jpg";
 import nomad from "../../images/nomad.mp4";
@@ -367,9 +368,29 @@ const Index = () => {
       {/* <View className="itemsLeft"> */}
       <View className="items">
         {/* 右侧固定内容，放前面 */}
+
+        <View
+          className="rightItem"
+          onClick={() => {
+            // 在手机/微信
+            isWeChat
+              ? Taro.navigateTo({
+                  url: "/pages/salon/index",
+                })
+              : setqrOpen(true);
+          }}
+        >
+          <View className="rightItemcontent">
+            <View className="rightItemtitle">加入聊天</View>
+            <View className="chat">
+              <Image className="chatImg" mode="heightFix" src={wechat} />
+            </View>
+          </View>
+        </View>
+
         <View className="rightItem">
           <View className="rightItemcontent">
-            <View className="rightItemtitle">新加入成员</View>
+            <View className="rightItemtitle">新成员</View>
             <View className="AvatarView">
               {[
                 { image: girla },
@@ -381,12 +402,6 @@ const Index = () => {
                 { image: touxiang },
                 { image: girlc },
                 { image: boyb },
-                { image: girla },
-                { image: avatar },
-                { image: girlb },
-                { image: cat },
-                { image: girl },
-                { image: boya },
               ].map((item, index) => {
                 return (
                   <Image
@@ -399,7 +414,18 @@ const Index = () => {
             </View>
           </View>
         </View>
-        <View className="rightItem">
+
+        <View
+          className="rightItem"
+          onClick={() => {
+            // 在手机/微信
+            isWeChat
+              ? Taro.navigateTo({
+                  url: "/pages/salon/index",
+                })
+              : setqrOpen(true);
+          }}
+        >
           <View className="rightItemcontent">
             <View className="rightItemtitle">最新活动</View>
             <View className="meetup">
diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss
index 8e63600..c1bf5ce 100644
--- a/src/pages/index/index.scss
+++ b/src/pages/index/index.scss
@@ -264,6 +264,19 @@
           background: linear-gradient(90deg, #ff4d4f, #ff7a45);
           color: #fff;
         }
+
+        // 加入聊天
+        .chat {
+          // padding: 20px;
+          // background-color: yellow;
+          width: 100%;
+          .chatImg {
+            width: 280px;
+            // height: 100%;
+          }
+        }
+
+        // 新成员
         .AvatarView {
           padding: 20px;
           display: flex;