From 4abd2d804740a087bcaa3f71ea996a80355cf8a3 Mon Sep 17 00:00:00 2001
From: wwt <wuwenting@taifeng.com>
Date: Fri, 14 Mar 2025 10:25:04 +0800
Subject: [PATCH] =?UTF-8?q?fix=20bug#3949=20=E9=99=90=E5=88=B6=E7=BE=A4?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E5=AD=97=E7=AC=A6=E9=95=BF=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/chatSettings/groupManage/editGroupName.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

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;