diff --git a/pages/chat/chat.js b/pages/chat/chat.js
index e03766f..46a9e65 100644
--- a/pages/chat/chat.js
+++ b/pages/chat/chat.js
@@ -7,6 +7,7 @@ Page({
     activeTab: 'conv',
     conversations: [],
     friends: [],
+    groups: [],
     messages: [],
     currentTarget: '',
     currentChatType: 'SINGLE',
@@ -25,6 +26,7 @@ Page({
 
     this.loadConversations()
     this.loadFriends()
+    this.loadGroups()
   },
 
   onUnload() {
@@ -65,6 +67,21 @@ Page({
     this.setData({ activeTab: e.currentTarget.dataset.tab })
   },
 
+  async loadGroups() {
+    try {
+      const groups = await app.globalData.sdk.listGroups()
+      this.setData({ groups })
+    } catch (err) {
+      console.error('loadGroups failed', err)
+    }
+  },
+
+  startGroupChat(e) {
+    const id = e.currentTarget.dataset.id
+    this.setData({ currentTarget: id, currentChatType: 'GROUP', messages: [] })
+    this.loadHistory(id, 'GROUP')
+  },
+
   selectConv(e) {
     const { id, type } = e.currentTarget.dataset
     this.setData({ currentTarget: id, currentChatType: type, messages: [] })
diff --git a/pages/chat/chat.wxml b/pages/chat/chat.wxml
index 6905061..74dcdb1 100644
--- a/pages/chat/chat.wxml
+++ b/pages/chat/chat.wxml
@@ -8,6 +8,7 @@
     <view class="tab-bar">
       <view class="tab {{activeTab==='conv'?'active':''}}" bindtap="switchTab" data-tab="conv">会话</view>
       <view class="tab {{activeTab==='friend'?'active':''}}" bindtap="switchTab" data-tab="friend">好友</view>
+      <view class="tab {{activeTab==='group'?'active':''}}" bindtap="switchTab" data-tab="group">群组</view>
     </view>
 
     <scroll-view scroll-y class="list">
@@ -25,6 +26,14 @@
         </view>
         <view wx:if="{{friends.length===0}}" class="empty">暂无好友</view>
       </block>
+
+      <block wx:if="{{activeTab==='group'}}">
+        <view wx:for="{{groups}}" wx:key="id" class="item" bindtap="startGroupChat" data-id="{{item.id}}">
+          <view class="item-title">{{item.name}}</view>
+          <view class="item-meta">{{item.memberIds ? JSON.parse(item.memberIds).length : 0}} 人</view>
+        </view>
+        <view wx:if="{{groups.length===0}}" class="empty">暂无群组</view>
+      </block>
     </scroll-view>
   </view>