+
@@ -82,6 +82,7 @@
const props = defineProps<{
content: Object
+ isLast: Boolean
}>()
const imageList = computed(() => {
@@ -135,24 +136,47 @@
const loading = ref(false)
const handleCopyText = () => {
- navigator.clipboard
- .writeText(props.content.text)
- .then(() => {
- // console.log('Text copied to clipboard');
- ElMessage({
- message: t('agent.copySuccess'),
- type: 'success',
- offset: 300
+ const text = props.content.text
+ if (navigator.clipboard) {
+ navigator.clipboard
+ .writeText(props.content.text)
+ .then(() => {
+ // console.log('Text copied to clipboard');
+ ElMessage({
+ message: t('agent.copySuccess'),
+ type: 'success',
+ offset: 300
+ })
})
- })
- .catch((err) => {
- console.error('Could not copy text: ', err)
- ElMessage({
- message: t('agent.copyFailed'),
- type: 'error',
- offset: 300
+ .catch((err) => {
+ console.error('Could not copy text: ', err)
+ ElMessage({
+ message: t('agent.copyFailed'),
+ type: 'error',
+ offset: 300
+ })
})
+ } else {
+ var textarea = document.createElement('textarea')
+ document.body.appendChild(textarea)
+ // 隐藏此输入框
+ textarea.style.position = 'fixed'
+ textarea.style.clip = 'rect(0 0 0 0)'
+ textarea.style.top = '10px'
+ // 赋值
+ textarea.value = text
+ // 选中
+ textarea.select()
+ // 复制
+ document.execCommand('copy', true)
+ // 移除输入框
+ document.body.removeChild(textarea)
+ ElMessage({
+ message: t('agent.copySuccess'),
+ type: 'success',
+ offset: 300
})
+ }
}
const toggleThinkingCollapsed = () => {
@@ -186,6 +210,8 @@
height: 4.4rem;
border-radius: 50%;
border: 0.1rem solid #e5dfdf;
+ position: relative;
+ z-index: 2;
.thumb-icon {
width: 100%;
height: 100%;
@@ -218,7 +244,10 @@
}
.loading-gif {
- width: 13.7rem;
+ // width: 18.7rem;
+ height: 10rem;
+ position: relative;
+ margin-left: -2.4rem;
}
.thinking {
@@ -247,6 +276,7 @@
diff --git a/src/views/home/agent/index.vue b/src/views/home/agent/index.vue
index cd623dd..6f49541 100644
--- a/src/views/home/agent/index.vue
+++ b/src/views/home/agent/index.vue
@@ -106,7 +106,8 @@
justify-content: flex-end;
height: min-content;
> .btn {
- padding: 1.5rem 1.45rem;
+ padding: 0 1.45rem;
+ line-height: 4rem;
font-weight: 500;
font-size: 1.4rem;
border-radius: 3rem;
@@ -140,7 +141,8 @@
}
.preview-wrapper {
- width: 56%;
+ // width: 56%;
+ flex: 1;
}
}
diff --git a/src/views/home/components/Input.vue b/src/views/home/components/Input.vue
index d5ab7de..4118663 100644
--- a/src/views/home/components/Input.vue
+++ b/src/views/home/components/Input.vue
@@ -717,6 +717,10 @@
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
cursor: pointer;
+ img {
+ width: 1.65rem;
+ height: 1.86rem;
+ }
}
.el-select {
width: 13.9rem;
@@ -728,6 +732,7 @@
border: 0.1rem solid rgba(0, 0, 0, 0.1);
font-weight: 500;
font-size: 1.4rem;
+ min-height: initial;
.el-select__placeholder {
color: #000;
}
@@ -876,6 +881,7 @@
cursor: pointer;
position: relative;
border: none;
+
.checked-item-icon {
position: absolute;
bottom: 0;
@@ -889,28 +895,24 @@
height: 100%;
border-radius: 1.4rem;
}
- }
-
- .fida-style-popover-item.is-selected {
- // background-color: #e3f2fd;
- border: 0.3rem solid #000;
.fida-option-label {
- background-color: none;
+ font-weight: 500;
+ font-size: 1.2rem;
+ color: #fff;
+ text-align: center;
+ padding: 0.5rem;
+ position: absolute;
+ height: 100%;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.3);
+ border-radius: 1.4rem;
+ }
+ &.is-selected {
+ border: 0.3rem solid #000;
+ .fida-option-label {
+ display: none;
+ }
}
- // border-color: #2196f3;
- }
-
- .fida-style-popover-item .fida-option-label {
- font-weight: 500;
- font-size: 1.2rem;
- color: #fff;
- text-align: center;
- padding: 0.5rem;
- position: absolute;
- height: 100%;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.3);
- border-radius: 1.4rem;
}
.fida-style-popover-footer {
@@ -1021,7 +1023,7 @@
width: 21.8rem;
height: 4.4rem;
display: inline-flex;
- border: 0.11rem solid #0000001a;
+ border: 0.11rem solid #bfbfbf;
font-weight: 500;
font-size: 1.8rem;
column-gap: 0;