diff --git a/apis/interfaces/im.js b/apis/interfaces/im.js
index a251af5..6fae377 100644
--- a/apis/interfaces/im.js
+++ b/apis/interfaces/im.js
@@ -99,6 +99,20 @@ const getMyGroups = () => {
     })
 }
 
+const getGroupInfo = (groupId) => {
+    return request({
+        url: 'im/groups/' + groupId
+    })
+}
+
+const createGroup = (data) => {
+    return request({
+        method: 'POST',
+        url: 'im/groups',
+        data: data
+    })
+}
+
 export {
     getImToken,
     deleteFriend,
@@ -111,5 +125,7 @@ export {
     rejectFriend,
     searchFriend,
     pedingFriend,
-    getMyGroups
+    getMyGroups,
+    createGroup,
+    getGroupInfo
 }
diff --git a/pages/im/group/chat.nvue b/pages/im/group/chat.nvue
index 512a939..b3b85c4 100644
--- a/pages/im/group/chat.nvue
+++ b/pages/im/group/chat.nvue
@@ -68,7 +68,7 @@
         },
         onNavigationBarButtonTap() {
             uni.navigateTo({
-                url: '/pages/im/group/info'
+                url: '/pages/im/group/info?targetId=' + this.targetId
             })
         },
         methods: {
diff --git a/pages/im/group/create.nvue b/pages/im/group/create.nvue
index 94c6ae4..fd5131a 100644
--- a/pages/im/group/create.nvue
+++ b/pages/im/group/create.nvue
@@ -1,23 +1,48 @@
-<template>
-    <view>
-        
-    </view>
-</template>
-
-<script>
-    export default {
-        data() {
-            
-        },
-        onLoad() {
-            
-        },
-        methods: {
-            
-        }
-    }
-</script>
-
-<style>
-
+<template>
+    <view>
+        <u--input placeholder="请输入内容" border="surround" v-model="group_name"></u--input>
+
+        <u-button type="primary" text="确定" @click="onCreate"></u-button>
+    </view>
+</template>
+
+<script>
+    import {
+        createGroup
+    } from '@/apis/interfaces/im.js'
+
+    export default {
+        data() {
+            return {
+                group_name: '',
+            }
+        },
+        onLoad() {
+
+        },
+        methods: {
+            onCreate() {
+                console.log('阿斯利康');
+                createGroup({
+                    name: this.group_name
+                }).then(res => {
+                    console.log(res);
+                    uni.showToast({
+                        title: '创建成功'
+                    })
+                    uni.navigateBack()
+                }).catch(err => {
+                    console.log(err);
+                    uni.showToast({
+                        icon: 'none',
+                        title: err
+                    })
+                })
+            }
+        }
+    }
+</script>
+
+<style>
+
 </style>
diff --git a/pages/im/group/info.nvue b/pages/im/group/info.nvue
index 6f021b8..ebf877b 100644
--- a/pages/im/group/info.nvue
+++ b/pages/im/group/info.nvue
@@ -1,33 +1,52 @@
-<template>
-    <view>
-        <view class="">
-            
-        </view>
-        <view>
-            查看更多群成员
-        </view>
-        
-        群聊名称
-        群公告
-        
-        <view class="">
-            置顶
-        </view>
-        <view class="">
-            免打扰
-        </view>
-        清空聊天记录
-        删除并退出
-        解散群聊
-    </view>
-</template>
-
-<script>
-    export default {
-        
-    }
-</script>
-
-<style>
-
+<template>
+    <view>
+        <view class="">
+
+        </view>
+        <view>
+            查看更多群成员
+        </view>
+
+        群聊名称
+        群公告
+
+        <view class="">
+            置顶
+        </view>
+        <view class="">
+            免打扰
+        </view>
+        清空聊天记录
+        删除并退出
+        解散群聊
+    </view>
+</template>
+
+<script>
+    import {
+        getGroupInfo
+    } from '@/apis/interfaces/im.js'
+
+    export default {
+        data() {
+            return {
+                targetId: '',
+                group: {},
+                members: []
+            }
+        },
+        onLoad(e) {
+            this.targetId = e.targetId
+            getGroupInfo(this.targetId).then(res => {
+                this.info = res.group
+                this.members = res.members
+            }).catch(err => {
+                console.log(err);
+            })
+        }
+    }
+</script>
+
+<style>
+
 </style>
diff --git a/store/modules/im.js b/store/modules/im.js
index 80076f0..4994c18 100644
--- a/store/modules/im.js
+++ b/store/modules/im.js
@@ -12,7 +12,6 @@ export default {
         contactInfo: (state) => (targetId) => {
             if (state.contacts[targetId]) {
                 const info = state.contacts[targetId]
-                console.log(targetId, info);
 
                 return {
                     name: info.name,