Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提醒标签显示隐藏

Browse Source
This commit is contained in:
xixi 2024-11-06 10:21:25 +08:00
parent a3aaef6485
commit c42fb830b6
2 changed files with 46 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/card/CardProj.tsx
View File

@ -612,10 +612,11 @@ export default function CardProj(props: any) {
</div> </div>
</div> </div>
</div> </div>
<div style={{
display: props.remindTagArray.length > 0 ? 'unset' : 'none',
}}>
<div className='promptTags' > <div className='promptTags' >
<div style={{ marginTop: 2 }}>
</div>
{/* {props.tagArray.map((item: any) => { {/* {props.tagArray.map((item: any) => {
return ( return (
@ -642,6 +643,8 @@ export default function CardProj(props: any) {
background: RemindIdArray.includes(item.value) ? '#ff7b00' : '', background: RemindIdArray.includes(item.value) ? '#ff7b00' : '',
color: RemindIdArray.includes(item.value) ? '#ffffff' : '#5a5a5a', color: RemindIdArray.includes(item.value) ? '#ffffff' : '#5a5a5a',
border: RemindIdArray.includes(item.value) ? ' 1px solid #ff7b00' : ' 1px solid #5a5a5a', border: RemindIdArray.includes(item.value) ? ' 1px solid #ff7b00' : ' 1px solid #5a5a5a',
// display: props.remindTagArray.length > 0 ? 'unset' : 'none',
}} }}
onClick={() => { onClick={() => {
if (RemindIdArray.includes(item.value)) { if (RemindIdArray.includes(item.value)) {
@ -655,9 +658,11 @@ export default function CardProj(props: any) {
<ClockCircleOutlined style={{ marginRight: 3 }} /> {item.label} <ClockCircleOutlined style={{ marginRight: 3 }} /> {item.label}
</div> </div>
) )
})} })}
</div> </div>
</div>
{/* <div className="card-proj-title"> {/* <div className="card-proj-title">
<div className='titleLift'> <div className='titleLift'>

19
src/components/card/card-proj.css
View File

@ -19,11 +19,12 @@
border-radius: 6px; border-radius: 6px;
background-color: var(--color-light); background-color: var(--color-light);
/* padding: 5px 15px; */ /* padding: 5px 15px; */
height: 270px; /* height: 270px; */
/* width: calc(100vw - 330px); */ /* width: calc(100vw - 330px); */
/* margin-bottom: 20px; */ /* margin-bottom: 20px; */
border-radius: 13px; border-radius: 13px;
padding-bottom: 20px;
box-sizing: border-box;
} }
@ -43,6 +44,7 @@
/* background-color: red; */ /* background-color: red; */
align-items: center; align-items: center;
/* justify-content: center; */ /* justify-content: center; */
margin-top: 10px;
} }
.cpt-left { .cpt-left {
display: flex; display: flex;
@ -154,8 +156,9 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
height: 175px; /* height: 175px; */
padding-left: 18px; padding-left: 18px;
margin-top: 20px;
} }
.cpb-left { .cpb-left {
@ -576,11 +579,12 @@
border-radius: 6px; border-radius: 6px;
background-color: var(--color-light); background-color: var(--color-light);
/* padding: 5px 15px; */ /* padding: 5px 15px; */
min-height: 280px; /* min-height: 280px; */
/* width: calc(100vw - 330px); */ /* width: calc(100vw - 330px); */
/* margin-bottom: 20px; */ /* margin-bottom: 20px; */
border-radius: 13px; border-radius: 13px;
padding-bottom: 10px;
box-sizing: border-box;
} }
@ -687,7 +691,7 @@
padding-right: 9px; padding-right: 9px;
margin-left: 10px; margin-left: 10px;
cursor: pointer; cursor: pointer;
margin-top: 4px; /* margin-top: 4px; */
} }
.cpt-right { .cpt-right {
@ -715,8 +719,9 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
min-height: 175px; /* min-height: 175px; */
padding-left: 18px; padding-left: 18px;
margin-top: 20px;
} }
.cpb-left { .cpb-left {