diff --git a/src/components/MobileSearchForm/index.vue b/src/components/MobileSearchForm/index.vue
index 7f6adbc..9c0dc9c 100644
--- a/src/components/MobileSearchForm/index.vue
+++ b/src/components/MobileSearchForm/index.vue
@@ -56,7 +56,7 @@
-
+
@@ -1914,6 +1914,27 @@ export default {
margin-bottom: 12px;
}
+/* 移动端和桌面端按钮组显示控制 */
+@media (max-width: 768px) {
+ .desktop-only {
+ display: none !important;
+ }
+
+ .action-buttons-section.mobile-only {
+ display: block;
+ }
+}
+
+@media (min-width: 769px) {
+ .mobile-only {
+ display: none !important;
+ }
+
+ .desktop-action-buttons.desktop-only {
+ display: block;
+ }
+}
+
.desktop-action-buttons {
display: flex;
flex-wrap: wrap;
@@ -1923,38 +1944,33 @@ export default {
/* 移动端优化 */
@media (max-width: 768px) {
- .action-buttons-section {
+ .action-buttons-section.mobile-only {
margin-top: 8px;
margin-bottom: 8px;
+ display: block;
}
- .desktop-action-buttons {
- display: none;
+ .desktop-action-buttons.desktop-only {
+ display: none !important;
}
/* 移动端隐藏分页或简化显示 */
.list-pagination {
display: none; /* 移动端隐藏分页,因为很少用 */
}
-
- /* 或者简化分页显示 */
- /* .list-pagination ::v-deep .el-pagination {
- display: flex;
- justify-content: center;
- padding: 8px 0;
- }
-
- .list-pagination ::v-deep .el-pagination .el-pagination__sizes,
- .list-pagination ::v-deep .el-pagination .el-pagination__total,
- .list-pagination ::v-deep .el-pagination .el-pagination__jump {
- display: none;
- } */
}
-/* 桌面端隐藏移动端按钮 */
+/* 桌面端显示桌面按钮,隐藏移动端按钮 */
@media (min-width: 769px) {
- .action-buttons-section {
- display: none;
+ .action-buttons-section.mobile-only {
+ display: none !important;
+ }
+
+ .desktop-action-buttons.desktop-only {
+ display: flex !important;
+ flex-wrap: wrap;
+ gap: 10px;
+ margin-top: 12px;
}
}