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">