aidlab/FiDA_Front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 报告标签样式

Browse Source
This commit is contained in:
zhangyahui
2026-03-09 10:56:38 +08:00
parent 686ce30728
commit 668c6db6e6
1 changed files with 24 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/home/components/Input.vue
View File

@@ -197,7 +197,11 @@
</div> </div>
</div> </div>
<div v-if="!isAgentMode" class="report-btn flex flex-center" @click="toogltReportTag"> <div
v-if="!isAgentMode"
class="report-btn flex space-between align-center"
@click="toogltReportTag"
>
<SvgIcon class="light-icon" name="light" size="16" /> <SvgIcon class="light-icon" name="light" size="16" />
<span>{{ $t('Input.trendingReport') }}</span> <span>{{ $t('Input.trendingReport') }}</span>
</div> </div>
@@ -634,10 +638,7 @@
const text = editorRef.value.textContent || '' const text = editorRef.value.textContent || ''
const cleanedText = text.replace(/[\u200B-\u200D\uFEFF]/g, '') const cleanedText = text.replace(/[\u200B-\u200D\uFEFF]/g, '')
if ( if (editorRef.value.innerHTML === '<br>' || !cleanedText.trim()) {
editorRef.value.innerHTML === '<br>' ||
!cleanedText.trim()
) {
editorRef.value.innerHTML = '' editorRef.value.innerHTML = ''
// 检查是否完全为空，需要显示占位符 // 检查是否完全为空，需要显示占位符
if (editorRef.value.children.length === 0) { if (editorRef.value.children.length === 0) {
@@ -784,15 +785,16 @@
bottom: -7.4rem; bottom: -7.4rem;
height: 4.4rem; height: 4.4rem;
border-radius: 2.2rem; border-radius: 2.2rem;
width: 20rem; width: 19.7rem;
padding: 0 2rem;
font-size: 1.8rem;
background-color: #fff; background-color: #fff;
border: 1px solid #f6f4ef; border: 1.1px solid #f6f4ef1a;
column-gap: 1.2rem;
cursor: pointer; cursor: pointer;
.c-svg { .c-svg {
width: 1.5rem; width: 1.5rem;
height: 1.9rem; height: 2rem;
} }
} }
.assist-input-wrapper { .assist-input-wrapper {
@@ -846,13 +848,13 @@
border: none; border: none;
outline: none; outline: none;
padding: 0 1.4rem 1.4rem; padding: 0 1.4rem 1.4rem;
font-size: 2rem; font-size: 1.8rem;
font-family: 'InterRegular'; font-family: 'InterRegular';
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
line-height: 1.5; line-height: 2.8rem;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word; word-wrap: break-word;
&::-webkit-scrollbar { &::-webkit-scrollbar {
@@ -1060,9 +1062,9 @@
<style lang="less"> <style lang="less">
.custom-placeholder { .custom-placeholder {
color: #999; // 灰色，像 placeholder color: #999;
margin-left: 0.5rem; // 与标签间距 margin-left: 0.5rem;
pointer-events: auto; // 允许交互 pointer-events: none;
} }
.fida-style-select-popover { .fida-style-select-popover {
width: 34.2rem !important; width: 34.2rem !important;
@@ -1171,10 +1173,6 @@
border-radius: 0.6rem; border-radius: 0.6rem;
} }
// .fida-setting-popover-content {
// padding: 2rem 2.4rem 2.4rem;
// }
.fida-setting-popover-header { .fida-setting-popover-header {
font-weight: 400; font-weight: 400;
font-size: 1.4rem; font-size: 1.4rem;
@@ -1245,12 +1243,12 @@
/* 动态添加的编辑器标签样式 */ /* 动态添加的编辑器标签样式 */
.assist-input-wrapper .editor .editor-tag { .assist-input-wrapper .editor .editor-tag {
width: 21.8rem; width: 15.6rem;
height: 4.4rem; height: 3.1rem;
display: inline-flex; display: inline-flex;
border: 0.11rem solid #bfbfbf; border: 1px solid #0000001a;
font-weight: 500; font-weight: 500;
font-size: 1.8rem; font-size: 1.3rem;
column-gap: 0; column-gap: 0;
margin: 0 0.5rem; margin: 0 0.5rem;
vertical-align: middle; vertical-align: middle;
@@ -1284,14 +1282,14 @@
} }
.light-icon { .light-icon {
width: 1.5rem; width: 0.9rem;
height: 1.9rem; height: 1.2rem;
flex-shrink: 0; flex-shrink: 0;
} }
.close-icon { .close-icon {
width: 1rem; width: 0.9rem;
height: 1rem; height: 0.9rem;
cursor: pointer; cursor: pointer;
flex-shrink: 0; flex-shrink: 0;
&.restore { &.restore {