增加IP更改

app/pages/index.vue

@@ -23,8 +23,21 @@
 					{{ connectionStatus === 'connected' ? '断开连接' : '连接' }}
 				</UButton>
 			</div>
-			<div class="mt-4 text-sm text-gray-600 dark:text-gray-400">
-				<p>视频播放器地址: {{ playerAddress }}</p>
+			<div class="mt-4 space-y-3">
+				<div class="flex items-center space-x-3">
+					<label class="text-sm font-medium text-gray-700 dark:text-gray-300 min-w-[100px]">
+						播放器地址:
+					</label>
+					<UInput
+						v-model="playerAddress"
+						placeholder="192.168.1.197:6666"
+						class="flex-1"
+						:disabled="connectionStatus === 'connected'"
+					/>
+				</div>
+				<div class="text-xs text-gray-500 dark:text-gray-400">
+					格式: IP地址:端口 (例如: 192.168.1.197:6666)
+				</div>
 			</div>
 		</UCard>