Browse Source

fix : 去掉row组件的gutter,避免出现横向滚动条
Fixes #1

sw 1 week ago
parent
commit
a982d7862d
1 changed files with 25 additions and 30 deletions
  1. 25 30
      src/pages/patient/components/register.available.view.list.tsx

+ 25 - 30
src/pages/patient/components/register.available.view.list.tsx

@@ -19,37 +19,32 @@ const RegisterViewList: React.FC = () => {
   };
   };
 
 
   return (
   return (
-    <div>
-      <Row gutter={[16, 16]}>
-        {availableViews.length === 0 ? (
-          <Col span={24}>
-            <Empty description="暂无已选择体位" />
+    <Row>
+      {availableViews.length === 0 ? (
+        <Col span={24}>
+          <Empty description="暂无已选择体位" />
+        </Col>
+      ) : (
+        availableViews.map((view) => (
+          <Col key={view.internal_id} xs={24} sm={12} md={8} lg={6}>
+            {/* 若有自定义ProcedureViewCard组件可替换Card */}
+            <Card title={view.view_name} onClick={() => handleCardClick(view)}>
+              <Image
+                alt="example"
+                src={getViewIconUrl(view.view_icon_name)}
+                style={{
+                  width: '100%',
+                  height: 'auto',
+                  objectFit: 'cover',
+                }}
+              />
+              <div>{view.view_description}</div>
+              {/* 可根据需要展示更多字段 */}
+            </Card>
           </Col>
           </Col>
-        ) : (
-          availableViews.map((view) => (
-            <Col key={view.internal_id} xs={24} sm={12} md={8} lg={6}>
-              {/* 若有自定义ProcedureViewCard组件可替换Card */}
-              <Card
-                title={view.view_name}
-                onClick={() => handleCardClick(view)}
-              >
-                <Image
-                  alt="example"
-                  src={getViewIconUrl(view.view_icon_name)}
-                  style={{
-                    width: '100%',
-                    height: 'auto',
-                    objectFit: 'cover',
-                  }}
-                />
-                <div>{view.view_description}</div>
-                {/* 可根据需要展示更多字段 */}
-              </Card>
-            </Col>
-          ))
-        )}
-      </Row>
-    </div>
+        ))
+      )}
+    </Row>
   );
   );
 };
 };