remilia/jinshen-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 调整下拉框样式
All checks were successful
deploy to server / build-and-deploy (push) Successful in 2m47s
Details

Browse Source 
- 将下拉框高度调整为40px
- 在下拉框上方添加label
This commit is contained in:
R2m1liA
2025-09-30 13:52:17 +08:00
parent 137d9fd627
commit c771e40f64
2 changed files with 107 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
app/pages/support/faq.vue
View File

@ -25,33 +25,49 @@
</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="question-category">
<el-select v-model="selectedType" placeholder="选择产品类型" clearable>
<el-option
v-for="type in productionTypeOptions"
:key="type.documentId"
:label="type.type"
:value="type.documentId"
/>
</el-select>
<el-select
v-model="selectedProduction"
placeholder="选择系列产品"
clearable
>
<el-option
v-for="production in productionOptions"
:key="production.documentId"
:label="production.title"
:value="production.documentId"
/>
</el-select>
<el-input
v-model="keyword"
placeholder="输入关键词..."
clearable
:prefix-icon="Search"
/>
<el-row :gutter="12">
<el-col :span="8">
<span class="select-label">产品分类</span>
<el-select
v-model="selectedType"
placeholder="选择产品类型"
clearable
>
<el-option
v-for="type in productionTypeOptions"
:key="type.documentId"
:label="type.type"
:value="type.documentId"
/>
</el-select>
</el-col>
<el-col :span="8">
<span class="select-label">产品系列</span>
<el-select
v-model="selectedProduction"
placeholder="选择系列产品"
clearable
>
<el-option
v-for="production in productionOptions"
:key="production.documentId"
:label="production.title"
:value="production.documentId"
/>
</el-select>
</el-col>
<el-col :span="8">
<span class="select-label">关键词</span>
<el-input
v-model="keyword"
placeholder="输入关键词..."
clearable
:prefix-icon="Search"
/>
</el-col>
</el-row>
</div>
<div class="page-content">
<question-list :questions="filteredQuestions" />
@ -174,12 +190,23 @@
}
.question-category {
display: flex;
padding: 0rem 2rem;
gap: 4px;
margin-bottom: 0.5rem;
}
.page-content {
padding: 1rem 2rem 2rem;
}
.select-label {
color: var(--el-text-color-secondary);
font-size: 0.9rem;
}
:deep(.el-select__wrapper),
:deep(.el-input__wrapper) {
height: 40px;
font-size: 0.9rem;
}
</style>