src/component/form/index.tsx

@@ -113,8 +113,8 @@ export const ContentBeforeAfter = () => {
         </Select>
       </div>
       <div>
-        <Field label="Select a date">
-          <DatePicker placeholder="Select a date..." />
+        <Field label="出生日期">
+          <DatePicker placeholder="请选择日期..." />
         </Field>
       </div>
       <div>

src/pages/home/index.css

@@ -18,4 +18,25 @@ label.layout-title {
     font-size: 18px;
     font-weight: 600;
     padding: 8px;
+    position: relative;
+    background-color: var(--colorBrandBackground2Hover);
+}
+label.layout-col-4.layout-title {
+    flex: 0 0 calc(33.33333% - 8px);
+    max-width: calc(33.33333% - 8px);
+    margin-right: 8px;
+}
+.layout-col-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+
+label.layout-title:before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    background-color: var(--colorBrandBackground);
+    width: 4px;
+    height: 100%;
 }