Browse Source

fix: 修复“标靶列表”超出容器高度时不显示滚动条的问题

master
liujiangyong 2 days ago
parent
commit
7371a2c04d
  1. 24
      client/src/app.less
  2. 2
      client/src/sections/wuyuanbiaoba/components/TargetList.jsx
  3. 2
      client/src/sections/wuyuanbiaoba/container/index.jsx

24
client/src/app.less

@ -5,6 +5,30 @@
user-select: none; user-select: none;
} }
// Keep tab panes inside the viewport so long target lists can scroll internally.
.target-tabs {
flex: 1;
min-height: 0;
display: flex;
flex-direction: column;
}
.target-tabs > .ant-tabs-content-holder {
flex: 1;
min-height: 0;
}
.target-tabs .ant-tabs-content,
.target-tabs .ant-tabs-tabpane {
height: 100%;
min-height: 0;
}
.target-tabs .ant-tabs-tabpane {
display: flex;
flex-direction: column;
}
// 美化滚动条 // 美化滚动条
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;

2
client/src/sections/wuyuanbiaoba/components/TargetList.jsx

@ -83,7 +83,7 @@ const TargetList = ({
</div> </div>
<Button <Button
type="primary" type="primary"
style={{ marginTop: "16px", width: "100%", flexShrink: 0 }} style={{ margin: "16px 0", width: "100%", flexShrink: 0 }}
onClick={onClickClearAll} onClick={onClickClearAll}
> >
一键清零 一键清零

2
client/src/sections/wuyuanbiaoba/container/index.jsx

@ -576,12 +576,14 @@ const WuyuanbiaobaContent = () => {
<div <div
style={{ style={{
flex: 1, flex: 1,
minHeight: 0,
backgroundColor: "white", backgroundColor: "white",
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
}} }}
> >
<Tabs <Tabs
className="target-tabs"
defaultActiveKey="target-list" defaultActiveKey="target-list"
items={tabItems} items={tabItems}
style={{ style={{

Loading…
Cancel
Save