fix：样式修改

src/css/home.css

@@ -171,15 +171,18 @@
     padding: 28px 20px;
 }
 .line{
-    width: 31px;
+    width: 29px;
     height: 25px;
     display: flex;
     justify-content: center;
     align-items: center;
-    margin-right:10px;
+    margin-right:4px;
     border-radius: 4px;
     border:0 !important;
 }
+.colr .line:nth-last-child(1){
+    margin-right: 0px;
+}
 .innerline{
     width: 16px;
     height: 5px;

src/pages/Home.tsx

@@ -231,7 +231,7 @@ const layout = {
 
   return (
     <Spin spinning={loading}>
-      <div className="content">
+      <div className="homecontent">
         <div className="flex spaceBetween mg20">
         
           {
@@ -279,7 +279,7 @@ const layout = {
                       <Option value="tom">Tom</Option>
                     </Select> */}
                   </div>
-                  <div className="flex flex-warp mgt20">
+                  <div className="flex flex-warp mgt20 clor">
                     <span>添加颜色：</span>
                     <div className={cindex===0?"border0 line blue":"line blue"} onClick={addColor.bind(this,'blue',0)}>
                       <div className="innerline"></div>

src/pages/person.tsx

@@ -9,9 +9,7 @@ import { useHistory} from 'react-router-dom'
 const Person: React.FC = () => {
 
   const location:any = useHistory()
-  const [customData, setCustomData] = useState<any>({
-    id:33599
-  })
+  const [customData, setCustomData] = useState<any>({})
   const [userId,setUserId]=useState<any>([])
   const back=async ()=>{
     // location.back()
@@ -135,7 +133,7 @@ const Person: React.FC = () => {
           <p className='rightword'>{customData.dutyTypesName}</p>
         </div>
         <div className="flex spaceBetween">
-          <p className='leftword'>身高</p>
+          <p className='leftword'>身高：</p>
           <p className='rightword'>{customData.height}</p>
         </div>