diff --git a/ling_chair_http/handler.js b/ling_chair_http/handler.js
index 5fe2923..f76f725 100644
--- a/ling_chair_http/handler.js
+++ b/ling_chair_http/handler.js
@@ -232,7 +232,23 @@ class ContactsList {
                     ChatMsgAdapter.switchTo(name, "single")
                 })
             }
+        })
+        client.emit("user.getGroups", {
+            name: localStorage.userName,
+            accessToken: await CurrentUser.getAccessToken(),
+        }, async (re) => {
+            if (re.code !== 0)
+                return mdui.snackbar(re.msg)
 
+            viewBinding.groupsList.empty()
+            let ls = re.data.groups
+            for (let index in ls) {
+                let name = ls[index]
+                let dick = await NickCache.getNick(name)
+                $($.parseHTML(`<li class="mdui-list-item mdui-ripple" mdui-drawer-close><div class="mdui-list-item-avatar"><img src="${CurrentUser.getUserHeadUrl(name)}" onerror="this.src='res/default_head.png'" /></div><div class="mdui-list-item-content">` + dick + `</div></li>`)).appendTo(viewBinding.groupsList).click(() => {
+                    ChatMsgAdapter.switchTo(name, "single")
+                })
+            }
         })
     }
     /**
diff --git a/ling_chair_http/index.html b/ling_chair_http/index.html
index e96d786..901c054 100644
--- a/ling_chair_http/index.html
+++ b/ling_chair_http/index.html
@@ -55,6 +55,13 @@
           <div class="mdui-collapse-item-body mdui-list" n-id="contactsList">
           </div>
         </li>
+        <li class="mdui-collapse-item">
+          <div class="mdui-collapse-item-header mdui-list-item mdui-ripple"><i class="mdui-list-item-icon mdui-icon material-icons">group</i>
+            <div class="mdui-list-item-content">群聊</div><i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
+          </div>
+          <div class="mdui-collapse-item-body mdui-list" n-id="groupsList">
+          </div>
+        </li>
       </ul>
 
     </div>