diff --git a/src/pages/chatSettings/groupManage/editGroupName.vue b/src/pages/chatSettings/groupManage/editGroupName.vue
index 94acc66..d69549d 100644
--- a/src/pages/chatSettings/groupManage/editGroupName.vue
+++ b/src/pages/chatSettings/groupManage/editGroupName.vue
@@ -29,8 +29,11 @@
                 :placeholder="$t('edit.groupName.placeholder')"
                 placeholder-style="color:#B4B4B4;font-size:28rpx;font-weight:500;line-height:40rpx;"
                 v-model="state.groupName"
+                @input="handleGroupNameInput"
+                maxlength="20"
               />
               <img
+                v-if="state.groupName"
                 class="groupName-input-clearBtn"
                 src="/src/static/image/chatSettings/clear-btn.png"
                 @click="clearGroupNameInput"
@@ -82,7 +85,12 @@ onLoad((options) => {
 const clearGroupNameInput = () => {
   state.groupName = ''
 }
-
+const handleGroupNameInput = (e) => {
+  if (state.groupName.length > 20) {
+    // 截取前20个字符
+    state.groupName = state.groupName.slice(0, 20)
+  }
+}
 //点击确认修改
 const confirmEdit = () => {
   console.log(state.groupName)
@@ -146,7 +154,7 @@ const confirmEdit = () => {
         height: 110rpx;
         box-shadow: 0 6px 12px 2px rgba(188, 188, 188, 0.08);
         padding: 0 74rpx 0 32rpx;
-        color: #B747474;
+        color: #747474;
         font-size: 28rpx;
         font-weight: 500;
         line-height: 40rpx;