diff --git a/other-module/canteen-device/ratio-scale/02-weighing-packing.html b/other-module/canteen-device/ratio-scale/02-weighing-packing.html index db850f7..48b52f1 100644 --- a/other-module/canteen-device/ratio-scale/02-weighing-packing.html +++ b/other-module/canteen-device/ratio-scale/02-weighing-packing.html @@ -305,6 +305,29 @@ .section-divider__icon { font-size: 14px; } .section-divider__line { flex: 1; height: 1px; background: rgba(255,255,255,0.08); } + /* 调料组配区展开/折叠开关 */ + .seasoning-toggle { + display: flex; align-items: center; gap: 6px; margin-left: auto; + cursor: pointer; user-select: none; flex-shrink: 0; + font-size: 11px; color: rgba(255,255,255,0.35); font-weight: 400; letter-spacing: 0; + } + .seasoning-toggle__track { + width: 40px; height: 20px; border-radius: 10px; + background: rgba(255,255,255,0.12); transition: background 0.25s; + position: relative; flex-shrink: 0; + } + .seasoning-toggle__thumb { + position: absolute; top: 1px; left: 1px; + width: 18px; height: 18px; border-radius: 50%; + background: rgba(255,255,255,0.6); transition: transform 0.25s; + display: flex; align-items: center; justify-content: center; + font-size: 9px; font-weight: 700; color: rgba(255,255,255,0.7); + } + .seasoning-toggle--on .seasoning-toggle__track { background: #4a90d9; } + .seasoning-toggle--on .seasoning-toggle__thumb { + background: #fff; transform: translateX(20px); color: #4a90d9; + } + /* ===== 调料组配网格 ===== */ .seasoning-section { flex-shrink: 0; display: flex; flex-direction: column; gap: 6px; } .seasoning-grid { @@ -332,12 +355,11 @@ } .seasoning-cell--info .sea-name-icon { font-size: 22px; } .seasoning-cell--info .sea-fields { - display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; + display: flex; gap: 4px; } .seasoning-cell--info .sea-field { display: flex; align-items: center; gap: 4px; font-size: 14px; } - .seasoning-cell--info .sea-field__label { color: rgba(255,255,255,0.35); } .seasoning-cell--info .sea-field__value { color: rgba(255,255,255,0.75); font-weight: 500; } .seasoning-cell--info .sea-field__value--done { color: #52c41a; } .seasoning-cell--info .sea-slot__status { @@ -380,12 +402,11 @@ } .sea-slot__name-icon { font-size: 16px; } .sea-slot__fields { - display: grid; grid-template-columns: 1fr 1fr; gap: 2px 8px; + display: flex; gap: 2px; } .sea-slot__field { display: flex; gap: 3px; font-size: 11px; line-height: 1.4; } - .sea-slot__field-label { color: rgba(255,255,255,0.35); } .sea-slot__field-value { color: rgba(255,255,255,0.65); font-weight: 500; } .sea-slot__field-value--done { color: #52c41a; } .sea-slot__status { @@ -501,6 +522,10 @@