From 4114e8a4f9e564fed464cbcc0efc16b74fb10bc5 Mon Sep 17 00:00:00 2001
From: zhangjiming <zhangjiming@costrip.cn>
Date: Wed, 2 Apr 2025 21:53:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E7=AB=AF=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Setting.tsx | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/pages/Setting.tsx b/src/pages/Setting.tsx
index a895add..a650c35 100644
--- a/src/pages/Setting.tsx
+++ b/src/pages/Setting.tsx
@@ -1,7 +1,19 @@
 import { NavBar } from 'antd-mobile';
 import icon_arr_r from '../assets/icon_arr_s_r.svg';
+import { ChangeEvent, useState } from 'react';
 
 export default function Setting() {
+  const [addr, setAddr] = useState('');
+  // const [port, setPort] = useState<number>(80);
+
+  const onAddrChange = (evt: ChangeEvent<HTMLInputElement>) => {
+    setAddr(evt.target.value);
+  };
+  // const onPortChange = (evt: ChangeEvent<HTMLInputElement>) => {
+  //   if (/^\d*$/.test(evt.target.value)) {
+  //     setPort(+evt.target.value);
+  //   }
+  // };
   return (
     <div>
       <NavBar className="bg-white" back={null}>
@@ -16,17 +28,11 @@ export default function Setting() {
           </div>
           <div className="bg-white px-5 text-sm text-text">
             <div className="h-12 flex items-center border-b border-[#eee]">
-              <span>IP地址</span>
-              <input
-                type="text"
-                placeholder="请填写"
-                className="border-0 outline-none self-stretch text-right flex-1 ml-4"
-              />
-            </div>
-            <div className="h-12 flex items-center">
-              <span>端口</span>
+              <span>服务地址</span>
               <input
                 type="text"
+                value={addr}
+                onChange={onAddrChange}
                 placeholder="请填写"
                 className="border-0 outline-none self-stretch text-right flex-1 ml-4"
               />