cc
/
AI.Demo
2
1
Fork 0
Code Pull Requests Actions Releases Activity

feat: 添加文本输入示例按钮

This commit is contained in:
cc 2026-03-21 16:21:09 +08:00
parent 326931826d
commit c206175c9e
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/views/ExamAnalysis.vue
View File

@ -360,6 +360,11 @@ onUnmounted(() => {
<!-- Text Input -->
<div v-if="activeTab === 'text'" class="tab-content">
<div class="text-input-header">
<button class="example-btn" @click="textInput = 'A ______ is a small, clever animal with a red coat.\nA：fox\nB：foxes\nC：fox\'s\nD：foxes\''">
示例试题
</button>
</div>
<textarea
v-model="textInput"
class="text-area"
@ -879,6 +884,30 @@ onUnmounted(() => {
opacity: 0.6;
}
/* Text Input Header */
.text-input-header {
display: flex;
align-items: center;
margin-bottom: 0.75rem;
}
.example-btn {
display: flex;
align-items: center;
gap: 0.35rem;
background: rgba(20, 184, 166, 0.1);
border: 1px solid rgba(20, 184, 166, 0.25);
color: #14b8a6;
border-radius: 8px;
padding: 0.35rem 0.85rem;
font-size: 0.85rem;
cursor: pointer;
transition: all 0.2s;
}
.example-btn:hover {
background: rgba(20, 184, 166, 0.2);
transform: translateY(-1px);
}
/* Upload Zone */
.upload-zone {
border: 2px dashed rgba(20, 184, 166, 0.3);