root
/
jiachenlong
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

v1.2.68 - 美化龙钞数据UI

This commit is contained in:
甲辰生产 2026-04-08 15:56:39 +08:00
parent bf2cc0848f
commit e635c36160
1 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/pages/Home.jsx
View File

@ -262,26 +262,31 @@ export default function Home() {
{/* 今日龙钞帖子数据统计 */} {/* 今日龙钞帖子数据统计 */}
<div style={{ marginBottom: '20px' }}> <div style={{ marginBottom: '20px' }}>
<div style={{ color: 'rgba(255,255,255,0.7)', fontSize: '14px', marginBottom: '12px', paddingLeft: '4px' }}>🐉 今日龙钞帖子数据统计</div> <div style={{ color: 'rgba(255,255,255,0.7)', fontSize: '14px', marginBottom: '12px', paddingLeft: '4px' }}>🐉 今日龙钞帖子数据统计</div>
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, 1fr)', gap: '8px' }}> <div style={{ display: 'grid', gridTemplateColumns: 'repeat(5, 1fr)', gap: '10px' }}>
<div style={{ background: 'linear-gradient(135deg, rgba(239,68,68,0.15) 0%, rgba(239,68,68,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(239,68,68,0.2)', textAlign: 'center' }}> <div style={{ background: 'linear-gradient(180deg, rgba(239,68,68,0.2) 0%, rgba(239,68,68,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(239,68,68,0.3)', textAlign: 'center' }}>
<div style={{ color: '#ef4444', fontSize: '14px', fontWeight: '700' }}>带4</div> <div style={{ color: '#ef4444', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>带4</div>
<div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.dai4?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.dai4?.wants || 0}</span></div> <div style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.dai4?.deals || 0}</div>
<div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.dai4?.wants || 0}</div>
</div> </div>
<div style={{ background: 'linear-gradient(135deg, rgba(34,197,94,0.15) 0%, rgba(34,197,94,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(34,197,94,0.2)', textAlign: 'center' }}> <div style={{ background: 'linear-gradient(180deg, rgba(34,197,94,0.2) 0%, rgba(34,197,94,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(34,197,94,0.3)', textAlign: 'center' }}>
<div style={{ color: '#22c55e', fontSize: '14px', fontWeight: '700' }}>无4</div> <div style={{ color: '#22c55e', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>无4</div>
<div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.wu4?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.wu4?.wants || 0}</span></div> <div style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu4?.deals || 0}</div>
<div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu4?.wants || 0}</div>
</div> </div>
<div style={{ background: 'linear-gradient(135deg, rgba(59,130,246,0.15) 0%, rgba(59,130,246,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(59,130,246,0.2)', textAlign: 'center' }}> <div style={{ background: 'linear-gradient(180deg, rgba(59,130,246,0.2) 0%, rgba(59,130,246,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(59,130,246,0.3)', textAlign: 'center' }}>
<div style={{ color: '#3b82f6', fontSize: '14px', fontWeight: '700' }}>无47</div> <div style={{ color: '#3b82f6', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>无47</div>
<div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.wu47?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.wu47?.wants || 0}</span></div> <div style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu47?.deals || 0}</div>
<div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu47?.wants || 0}</div>
</div> </div>
<div style={{ background: 'linear-gradient(135deg, rgba(168,85,247,0.15) 0%, rgba(168,85,247,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(168,85,247,0.2)', textAlign: 'center' }}> <div style={{ background: 'linear-gradient(180deg, rgba(168,85,247,0.2) 0%, rgba(168,85,247,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(168,85,247,0.3)', textAlign: 'center' }}>
<div style={{ color: '#a855f7', fontSize: '14px', fontWeight: '700' }}>无247</div> <div style={{ color: '#a855f7', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>无247</div>
<div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.wu247?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.wu247?.wants || 0}</span></div> <div style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu247?.deals || 0}</div>
<div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu247?.wants || 0}</div>
</div> </div>
<div style={{ background: 'linear-gradient(135deg, rgba(236,72,153,0.15) 0%, rgba(236,72,153,0.05) 100%)', borderRadius: '8px', padding: '10px 6px', border: '1px solid rgba(236,72,153,0.2)', textAlign: 'center' }}> <div style={{ background: 'linear-gradient(180deg, rgba(236,72,153,0.2) 0%, rgba(236,72,153,0.08) 100%)', borderRadius: '12px', padding: '12px 8px', border: '1px solid rgba(236,72,153,0.3)', textAlign: 'center' }}>
<div style={{ color: '#ec4899', fontSize: '14px', fontWeight: '700' }}>无347</div> <div style={{ color: '#ec4899', fontSize: '12px', fontWeight: '500', marginBottom: '6px', opacity: 0.8 }}>无347</div>
<div style={{ color: 'rgba(255,255,255,0.4)', fontSize: '9px', marginTop: '4px' }}><span style={{color:'#22c55e'}}>出售:{dragonStats.wu347?.deals || 0}</span><br/><span style={{color:'#f97316'}}>求购:{dragonStats.wu347?.wants || 0}</span></div> <div style={{ color: '#22c55e', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu347?.deals || 0}</div>
<div style={{ color: '#f97316', fontSize: '20px', fontWeight: '700' }}>{dragonStats.wu347?.wants || 0}</div>
</div> </div>
</div> </div>
</div> </div>