diff --git a/src/pages/index/components/chat/ChatCardAi/styles/index.scss b/src/pages/index/components/chat/ChatCardAi/styles/index.scss index 8e09f98..3004fd7 100644 --- a/src/pages/index/components/chat/ChatCardAi/styles/index.scss +++ b/src/pages/index/components/chat/ChatCardAi/styles/index.scss @@ -5,15 +5,10 @@ overflow-x: hidden; // ✅ 防止横向撑开 .chat-ai { - margin: 6px 12px; + margin: 6px 0; padding: 0 12px; - max-width: 100%; // ✅ 限制最大宽度 min-width: 100px; - background: rgba(255, 255, 255, 0.4); - box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1); - border-radius: 4px 20px 20px 20px; - border: 1px solid; - border-color: #ffffff; + max-width: 100%; // ✅ 限制最大宽度 overflow: hidden; // ✅ 超出内容被切掉 word-wrap: break-word; // ✅ 长单词自动换行 word-break: break-all; // ✅ 强制换行 diff --git a/src/pages/index/components/chat/ChatCardOther/styles/index.scss b/src/pages/index/components/chat/ChatCardOther/styles/index.scss index d2d13a1..6d3c9ef 100644 --- a/src/pages/index/components/chat/ChatCardOther/styles/index.scss +++ b/src/pages/index/components/chat/ChatCardOther/styles/index.scss @@ -1,7 +1,6 @@ .chat-other { width: 100%; margin: 6px 0; - padding: 0 12px; display: flex; flex-direction: column; max-width: 100%; // ✅ 限制最大宽度 diff --git a/src/pages/index/components/chat/ChatMoreTips/styles/index.scss b/src/pages/index/components/chat/ChatMoreTips/styles/index.scss index 9662a8a..381cae4 100644 --- a/src/pages/index/components/chat/ChatMoreTips/styles/index.scss +++ b/src/pages/index/components/chat/ChatMoreTips/styles/index.scss @@ -7,13 +7,13 @@ overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; - padding-bottom: 12px; + padding: 8px; box-sizing: border-box; } .more-tips-item { border-radius: 8px; - margin: 4px; + margin: 0 4px; box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1); background-color: $uni-bg-color; padding: 2px 12px;