Browse Source

使用style注入方式修改Sider内部div的样式,使体位列表显示出体位信息

sw 1 week ago
parent
commit
41e1fd46ec
1 changed files with 9 additions and 1 deletions
  1. 9 1
      src/pages/view/ImageProcessingPageLarge.tsx

+ 9 - 1
src/pages/view/ImageProcessingPageLarge.tsx

@@ -11,7 +11,15 @@ const ImageProcessingPageLarge = () => {
     <Layout>
     <Layout>
       <Header>Image Processing Page</Header>
       <Header>Image Processing Page</Header>
       <Layout>
       <Layout>
-        <Sider width={200}>
+        <Sider width={200} className="custom-sider">
+          {/**使用style注入方式修改Sider内部div的样式,使体位列表显示出体位信息 */}
+          <style>{`
+            .custom-sider > .ant-layout-sider-children {
+              display: flex;
+              flex-direction: column;
+              height: 100%;
+            }
+          `}</style>
           <BodyPositionList layout="vertical" showAddButton={false} />
           <BodyPositionList layout="vertical" showAddButton={false} />
         </Sider>
         </Sider>
         <Content>
         <Content>