diff --git a/ui/src/pages/Update.vue b/ui/src/pages/Update.vue
index c828935..483bae7 100644
--- a/ui/src/pages/Update.vue
+++ b/ui/src/pages/Update.vue
@@ -20,6 +20,28 @@ const steps = computed(() => [
     cwd: 'mower-ng'
   }
 ])
+const mirror_options = [
+  {
+    label: 'PyPI',
+    value: 'pypi',
+  },
+  {
+    label: '阿里云镜像源',
+    value: 'aliyun',
+  },
+  {
+    label: '上海交通大学镜像源',
+    value: 'sjtu',
+  },
+  {
+    label: '清华大学镜像源',
+    value: 'tuna',
+  },
+  {
+    label: '中国科学技术大学镜像源',
+    value: 'ustc',
+  }
+]
 provide('steps', steps)
 const current_step = ref(1)
 provide('current_step', current_step)
@@ -40,15 +62,7 @@ provide('current_state', current_state)
         </n-radio-group>
       </n-form-item>
       <n-form-item label="PyPI 仓库镜像" :label-style="form_item_label_style">
-        <n-radio-group v-model:value="conf.mirror" :disabled="running">
-          <n-flex>
-            <n-radio value="pypi">PyPI</n-radio>
-            <n-radio value="aliyun">阿里云镜像站</n-radio>
-            <n-radio value="sjtu">上海交通大学镜像站</n-radio>
-            <n-radio value="tuna">清华大学镜像站</n-radio>
-            <n-radio value="ustc">中国科学技术大学镜像站</n-radio>
-          </n-flex>
-        </n-radio-group>
+        <n-select v-model:value="conf.mirror" :options="mirror_options" :disabled="running" />
       </n-form-item>
     </n-form>
     <n-steps :current="current_step" :status="current_state" size="small">