From 55877c5e923661620bf593098168ac3f4102fc41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=81=8C=E7=B3=96=E5=8C=85=E5=AD=90?=
 <colorfulsweet@icloud.com>
Date: Fri, 3 Apr 2026 10:53:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=85=A7=E7=89=87=E5=A2=99?=
 =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=A1=86,=20=E6=8D=A2=E7=94=A8input-number?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts             |  1 +
 src/views/api/PhotoWall.vue | 32 ++++++++++++++++----------------
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 0aac2b9..9a18dda 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -25,6 +25,7 @@ declare module '@vue/runtime-core' {
     ElIcon: typeof import('element-plus/es')['ElIcon']
     ElImageViewer: typeof import('element-plus/es')['ElImageViewer']
     ElInput: typeof import('element-plus/es')['ElInput']
+    ElInputNumber: typeof import('element-plus/es')['ElInputNumber']
     ElMain: typeof import('element-plus/es')['ElMain']
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
diff --git a/src/views/api/PhotoWall.vue b/src/views/api/PhotoWall.vue
index 5c37209..835a8ad 100644
--- a/src/views/api/PhotoWall.vue
+++ b/src/views/api/PhotoWall.vue
@@ -9,24 +9,24 @@
       <el-input v-model="search.name" />
     </el-form-item>
     <el-form-item label="宽度" >
-      <el-input v-model="search.widthMin" type="number" :min="0" >
-        <template #prepend>≥</template>
-      </el-input>
-    </el-form-item>
-    <el-form-item>
-      <el-input v-model="search.widthMax" type="number" :min="0" >
-        <template #prepend>≤</template>
-      </el-input>
+      <el-input-number v-model="search.widthMin" :min="0" controls-position="right" step-strictly>
+        <template #prefix>≥</template>
+        <template #suffix>px</template>
+      </el-input-number>
+      <el-input-number v-model="search.widthMax" :min="0" controls-position="right" step-strictly>
+        <template #prefix>≤</template>
+        <template #suffix>px</template>
+      </el-input-number>
     </el-form-item>
     <el-form-item label="高度" >
-      <el-input v-model="search.heightMin" type="number" :min="0" >
-        <template #prepend>≥</template>
-      </el-input>
-    </el-form-item>
-    <el-form-item>
-      <el-input v-model="search.heightMax" type="number" :min="0" >
-        <template #prepend>≤</template>
-      </el-input>
+      <el-input-number v-model="search.heightMin" :min="0" controls-position="right" step-strictly>
+        <template #prefix>≥</template>
+        <template #suffix>px</template>
+      </el-input-number>
+      <el-input-number v-model="search.heightMax" :min="0" controls-position="right" step-strictly>
+        <template #prefix>≤</template>
+        <template #suffix>px</template>
+      </el-input-number>
     </el-form-item>
   </el-form>
   <div class="btn-container">