style: 输入框悬浮样式&复制图标位置

This commit is contained in:
2026-03-04 15:27:56 +08:00
parent 0a95948f6e
commit 87a8873806
2 changed files with 34 additions and 18 deletions

View File

@@ -7,7 +7,10 @@
<div class="thumb">
<img :src="content.isUser ? userThumb : agentThumb" class="thumb-icon" />
</div>
<div class="message-context" v-show="!content.loading">
<div
class="message-context"
v-show="!content.loading && !content.thinking && !content.streaming"
>
<div class="img-list flex" v-if="imageList.length > 0">
<img
v-for="(item, index) in imageList"
@@ -225,9 +228,9 @@
.operate {
margin-top: 1.3rem;
column-gap: 1.2rem;
&.is-user {
justify-content: flex-end;
}
// &.is-user {
// justify-content: flex-end;
// }
}
}
.img-list {

View File

@@ -598,6 +598,22 @@
</script>
<style lang="less" scoped>
.report-btn {
position: absolute;
bottom: -7.4rem;
height: 4.4rem;
border-radius: 2.2rem;
width: 20rem;
background-color: #fff;
border: 1px solid #f6f4ef;
column-gap: 1.2rem;
cursor: pointer;
.c-svg {
width: 1.5rem;
height: 1.9rem;
}
}
.assist-input-wrapper {
min-height: 23.5rem;
max-height: 43.5rem;
@@ -605,24 +621,18 @@
border-radius: 2.8rem;
background-color: #fff;
border: 0.1rem solid #00000005;
box-shadow: 0px 5px 14px 0px #0000001a;
box-shadow: 0px 0.5rem 1.4rem 0px #0000001a;
margin: 0 auto;
padding: 0;
position: relative;
.report-btn {
position: absolute;
bottom: -7.4rem;
height: 4.4rem;
border-radius: 2.2rem;
width: 20rem;
background-color: #fff;
border: 1px solid #f6f4ef;
column-gap: 1.2rem;
cursor: pointer;
.c-svg {
width: 1.5rem;
height: 1.9rem;
&:not(.agent):hover {
box-shadow: 0px 0.5rem 3.36rem 2.2rem #f1ede999;
transition: all 0.3s ease;
top: -1rem;
.report-btn {
bottom: -8.4rem;
}
}
@@ -823,6 +833,9 @@
cursor: pointer;
background-color: #ff7a51;
border-radius: 50%;
&:hover {
background-color: #f8693d;
}
.sender-icon {
width: 1.3rem;
height: 1.3rem;