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

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

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

30
app/pages/support/documents.vue
View File

@ -26,7 +26,14 @@
</el-breadcrumb>
</div>
<div class="document-category">
<el-select v-model="selectedType" placeholder="选择产品类型" clearable>
<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"
@ -34,6 +41,9 @@
:value="type.documentId"
/>
</el-select>
</el-col>
<el-col :span="8">
<span class="select-label">产品系列</span>
<el-select
v-model="selectedProduction"
placeholder="选择系列产品"
@ -46,12 +56,17 @@
: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">
<document-list :documents="filteredDocuments" />
@ -182,12 +197,23 @@
}
.document-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>

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

@ -25,8 +25,16 @@
</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="question-category">
<el-select v-model="selectedType" placeholder="选择产品类型" clearable>
<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"
@ -34,6 +42,9 @@
:value="type.documentId"
/>
</el-select>
</el-col>
<el-col :span="8">
<span class="select-label">产品系列</span>
<el-select
v-model="selectedProduction"
placeholder="选择系列产品"
@ -46,12 +57,17 @@
: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>