feat: 样式修改

This commit is contained in:
2025-10-14 19:54:35 +08:00
parent 0b39a9507b
commit 28d26fb894
4 changed files with 5 additions and 10 deletions

View File

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

View File

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

View File

@@ -1,12 +1,7 @@
.chat-mine {
margin: 6px 12px;
margin: 6px 20px;
padding: 8px 16px;
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;
border-radius: 15px;
display: flex;
flex-direction: column;

View File

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