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