duxingchen/track
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

标签防御: height:fit-content+maxHeight物理切断+12px小字号防重叠

Browse Source
This commit is contained in:
duxingchen
2026-08-06 11:02:16 +08:00
parent 5f7b8e9394
commit 49c8707955
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/pages/admin/CreateProductDialog.tsx
View File

@ -343,31 +343,35 @@ export default function CreateProductDialog({ open, onClose, onCreated }: Props)
/* ---- 成功页 ---- */ /* ---- 成功页 ---- */
<div className="py-4"> <div className="py-4">
<div id="label-print-area" style={{ <div id="label-print-area" style={{
display: "flex", flexDirection: "column", width: "100%", maxWidth: 360, display: 'flex', flexDirection: 'column', width: '100%', maxWidth: '360px',
margin: "0 auto", padding: 12, boxSizing: "border-box", background: "#fff", margin: '0 auto', padding: '12px', boxSizing: 'border-box', background: '#fff',
fontFamily: "'Helvetica Neue', Helvetica, Arial, sans-serif", fontFamily: 'monospace, "Helvetica Neue", Helvetica, sans-serif',
border: "1px solid #e5e7eb", borderRadius: 8 border: '1px solid #e5e7eb', height: 'fit-content'
}}> }}>
<div style={{ display: "flex", flexDirection: "row", alignItems: "flex-start", gap: 12, width: "100%" }}> <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'flex-start', gap: '12px', width: '100%' }}>
<div style={{ flex: "0 0 110px", width: 110, height: 110 }}> <div style={{ flex: '0 0 110px', width: '110px', height: '110px' }}>
<img src={`/api/v1/products/qrcode/${createdSn}`} alt="QR" <img src={`/api/v1/products/qrcode/${createdSn}`} alt="QR"
style={{ width: "100%", height: "100%", objectFit: "contain", display: "block" }} /> style={{ width: '100%', height: '100%', objectFit: 'contain', display: 'block' }} />
</div> </div>
<div style={{ flex: 1, minWidth: 0, display: "flex", flexDirection: "column", gap: 6 }}> <div style={{ flex: 1, minWidth: 0, display: 'flex', flexDirection: 'column', gap: '6px' }}>
<div style={{ fontSize: 14, fontWeight: 900, color: "#000", lineHeight: 1.2, wordBreak: "break-all", <div style={{ fontSize: '12px', fontWeight: 900, color: '#000', lineHeight: '1.4',
display: "-webkit-box", WebkitBoxOrient: "vertical", WebkitLineClamp: 3, overflow: "hidden" }}> wordBreak: 'break-all', display: '-webkit-box', WebkitLineClamp: 3,
WebkitBoxOrient: 'vertical', overflow: 'hidden', maxHeight: '50px' }}>
名: {selected?.material_name ?? ""} 名: {selected?.material_name ?? ""}
</div> </div>
<div style={{ fontSize: 14, fontWeight: 900, color: "#000", lineHeight: 1.2, wordBreak: "break-all" }}> <div style={{ fontSize: '12px', fontWeight: 900, color: '#000', lineHeight: '1.2',
wordBreak: 'break-all', overflow: 'hidden', maxHeight: '30px' }}>
规: {selected?.spec_model ?? ""} 规: {selected?.spec_model ?? ""}
</div> </div>
<div style={{ fontSize: 14, fontWeight: 900, color: "#000", lineHeight: 1.2, wordBreak: "break-all" }}> <div style={{ fontSize: '12px', fontWeight: 900, color: '#000', lineHeight: '1.2',
wordBreak: 'break-all', overflow: 'hidden', maxHeight: '30px' }}>
单: {orderNo || "—"} 单: {orderNo || "—"}
</div> </div>
</div> </div>
</div> </div>
<div style={{ width: "100%", marginTop: 12, paddingTop: 8, borderTop: "2px solid #000", <div style={{ width: '100%', marginTop: '12px', paddingTop: '8px',
textAlign: "center", fontSize: 18, fontWeight: 900, color: "#000", letterSpacing: 1 }}> borderTop: '2px solid #000', textAlign: 'center', fontSize: '16px',
fontWeight: 900, color: '#000', letterSpacing: '1px' }}>
码: {createdSn} 码: {createdSn}
</div> </div>
</div> </div>