zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 样式修改

Browse Source
This commit is contained in:
zoujing
2025-10-14 19:54:35 +08:00
parent 0b39a9507b
commit 28d26fb894
4 changed files with 5 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/index/components/chat/ChatCardAi/styles/index.scss
View File

@@ -6,7 +6,7 @@
.chat-ai { .chat-ai {
margin: 6px 0; margin: 6px 0;
padding: 0 12px; padding: 0 20px; // 消息内容的内边距 左右20px
min-width: 100px; min-width: 100px;
max-width: 100%; // ✅ 限制最大宽度 max-width: 100%; // ✅ 限制最大宽度
overflow: hidden; // ✅ 超出内容被切掉 overflow: hidden; // ✅ 超出内容被切掉

2
src/pages/index/components/chat/ChatCardMine/index.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view class="chat-mine"> <view class="chat-mine bg-17294E">
<text>{{ text }}</text> <text>{{ text }}</text>
<slot></slot> <slot></slot>
</view> </view>

9
src/pages/index/components/chat/ChatCardMine/styles/index.scss
View File

@@ -1,12 +1,7 @@
.chat-mine { .chat-mine {
margin: 6px 12px; margin: 6px 20px;
padding: 8px 16px; padding: 8px 16px;
border-radius: 15px;
background-color: #00a6ff;
box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
border-radius: 20px 4px 20px 20px;
border: 1px solid;
border-color: #ffffff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

2
src/pages/index/components/chat/ChatMoreTips/styles/index.scss
View File

@@ -7,7 +7,7 @@
overflow-x: auto; overflow-x: auto;
white-space: nowrap; white-space: nowrap;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
padding: 8px; padding: 8px 16px;
box-sizing: border-box; box-sizing: border-box;
} }