feat:已更新净值布局
This commit is contained in:
@@ -477,6 +477,22 @@ input[type="number"] {
|
|||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.name-text.updated::after {
|
||||||
|
content: "✓";
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(34, 197, 94, 0.2);
|
||||||
|
color: #22c55e;
|
||||||
|
font-size: 10px;
|
||||||
|
margin-left: 6px;
|
||||||
|
vertical-align: middle;
|
||||||
|
transform: translateY(-1px);
|
||||||
|
}
|
||||||
|
|
||||||
.code-text {
|
.code-text {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
}
|
}
|
||||||
|
|||||||
48
app/page.jsx
48
app/page.jsx
@@ -3070,26 +3070,11 @@ export default function HomePage() {
|
|||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
<div className="title-text">
|
<div className="title-text">
|
||||||
<span className="name-text" style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
|
<span
|
||||||
|
className={`name-text ${f.jzrq === todayStr ? 'updated' : ''}`}
|
||||||
|
title={f.jzrq === todayStr ? "今日净值已更新" : ""}
|
||||||
|
>
|
||||||
{f.name}
|
{f.name}
|
||||||
{f.jzrq === todayStr && (
|
|
||||||
<span
|
|
||||||
title="今日净值已更新"
|
|
||||||
style={{
|
|
||||||
display: 'inline-flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
width: 16,
|
|
||||||
height: 16,
|
|
||||||
borderRadius: '50%',
|
|
||||||
background: 'rgba(34, 197, 94, 0.2)',
|
|
||||||
color: '#22c55e',
|
|
||||||
fontSize: '10px'
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
✓
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</span>
|
</span>
|
||||||
<span className="muted code-text">#{f.code}</span>
|
<span className="muted code-text">#{f.code}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -3191,28 +3176,11 @@ export default function HomePage() {
|
|||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
<div className="title-text">
|
<div className="title-text">
|
||||||
<span style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
|
<span
|
||||||
|
className={`name-text ${f.jzrq === todayStr ? 'updated' : ''}`}
|
||||||
|
title={f.jzrq === todayStr ? "今日净值已更新" : ""}
|
||||||
|
>
|
||||||
{f.name}
|
{f.name}
|
||||||
{console.log('jzrq', f.jzrq)}
|
|
||||||
{console.log('todayStr', todayStr)}
|
|
||||||
{f.jzrq === todayStr && (
|
|
||||||
<span
|
|
||||||
title="今日净值已更新"
|
|
||||||
style={{
|
|
||||||
display: 'inline-flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
width: 16,
|
|
||||||
height: 16,
|
|
||||||
borderRadius: '50%',
|
|
||||||
background: 'rgba(34, 197, 94, 0.2)',
|
|
||||||
color: '#22c55e',
|
|
||||||
fontSize: '10px'
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
✓
|
|
||||||
</span>
|
|
||||||
)}
|
|
||||||
</span>
|
</span>
|
||||||
<span className="muted">#{f.code}</span>
|
<span className="muted">#{f.code}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user