feat: 添加文本输入示例按钮
This commit is contained in:
parent
326931826d
commit
c206175c9e
|
|
@ -360,6 +360,11 @@ onUnmounted(() => {
|
||||||
|
|
||||||
<!-- Text Input -->
|
<!-- Text Input -->
|
||||||
<div v-if="activeTab === 'text'" class="tab-content">
|
<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
|
<textarea
|
||||||
v-model="textInput"
|
v-model="textInput"
|
||||||
class="text-area"
|
class="text-area"
|
||||||
|
|
@ -879,6 +884,30 @@ onUnmounted(() => {
|
||||||
opacity: 0.6;
|
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 */
|
||||||
.upload-zone {
|
.upload-zone {
|
||||||
border: 2px dashed rgba(20, 184, 166, 0.3);
|
border: 2px dashed rgba(20, 184, 166, 0.3);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue