html/pda-uniapp
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
ouyangxq
2026-08-27 17:16:41 +08:00
parent b1f46835b2
commit 431f3f2f92
5 changed files with 99 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/pda.scss
+45 -26
View File
@@ -226,8 +226,7 @@
.pick-item-row1,
.pick-item-row2,
.submit-info,
.box-list-item,
.partial-input-row {
.box-list-item {
display: flex;
align-items: center;
}
@@ -1041,61 +1040,81 @@
.partial-info {
display: flex;
flex-direction: column;
padding: 12px;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px;
border-radius: 9px;
background: $primary-light;
}
.partial-info-sku { color: $primary; font-size: 15px; font-weight: 700; }
.partial-info-desc { margin-top: 4px; color: $text-secondary; font-size: 12px; }
.partial-info-qty { margin-top: 7px; font-size: 13px; }
.partial-info-qty text { font-size: 16px; font-weight: 700; }
.partial-info-copy { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.partial-info-sku { overflow: hidden; color: $primary; font-size: 13px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.partial-info-desc { overflow: hidden; margin-top: 2px; color: $text-secondary; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.partial-info-qty { display: flex; flex-shrink: 0; align-items: baseline; gap: 3px; color: $text-secondary; font-size: 11px; }
.partial-info-qty-label { margin-right: 1px; }
.partial-info-qty-number { color: $text; font-size: 18px; font-weight: 700; }
.partial-input-row {
gap: 9px;
margin-top: 14px;
}
.partial-field { margin-top: 12px; }
.partial-input-label {
flex-shrink: 0;
font-size: 13px;
display: block;
margin-bottom: 6px;
color: $text-secondary;
font-size: 12px;
font-weight: 600;
}
.partial-input-control { display: flex; height: 50px; align-items: center; overflow: hidden; border: 2px solid $primary; border-radius: 9px; background: #ffffff; }
.partial-input {
box-sizing: border-box;
flex: 1;
min-width: 0;
height: 48px;
padding: 0 12px;
border: 2px solid $primary;
border-radius: 8px;
height: 46px;
padding: 0 8px 0 14px;
border: 0;
font-size: 18px;
font-weight: 700;
text-align: center;
text-align: left;
}
.partial-input-placeholder { color: #98a2b3; font-size: 14px; font-weight: 400; }
.partial-input-unit { flex-shrink: 0; color: $text-secondary; font-size: 13px; }
.partial-input-unit { flex-shrink: 0; padding: 0 14px 0 8px; color: $text-secondary; font-size: 13px; }
.partial-quick-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
margin-top: 12px;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: stretch;
gap: 6px;
margin-top: 10px;
}
.partial-quick-btn {
box-sizing: border-box;
display: flex;
width: 100%;
height: 48px;
padding: 0 6px;
margin: 0;
padding: 4px 2px;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid #b9c9df;
border-radius: 7px;
color: #436080;
font-size: 12px;
line-height: 48px;
font-size: 11px;
line-height: 16px;
background: #f4f8fc;
}
.partial-quick-btn.selected { border-color: $primary; color: $primary; background: $primary-light; }
.partial-quick-ratio, .partial-quick-value { display: block; }
.partial-quick-ratio { font-weight: 700; }
.partial-quick-value { color: $text-secondary; font-size: 10px; }
.partial-quick-btn.selected .partial-quick-value { color: #356cae; }
.partial-validation { display: block; margin-top: 10px; color: $danger; font-size: 12px; line-height: 18px; }
.partial-modal .modal-actions { margin-top: 12px; }
.partial-modal .modal-cancel-btn, .partial-modal .modal-confirm-btn { box-sizing: border-box; width: 100%; margin: 0; }
.modal-confirm-btn[disabled] { color: #8a9099; background: #e4e6eb; opacity: 1; }
.decision-desc { display: block; color: $text-secondary; font-size: 13px; line-height: 20px; text-align: center; }
.submit-decision-modal { padding: 18px 16px 16px; }