refactor: enforce absolute UI parity for scrap page with immersive scan layout
This commit is contained in:
@ -14,7 +14,7 @@
|
||||
|
||||
<div class="scan-section">
|
||||
<div v-if="hasPermission" class="camera-placeholder" @click="showCamera = true">
|
||||
<el-icon :size="40" color="#F56C6C"><CameraFilled /></el-icon>
|
||||
<el-icon :size="40" color="#409EFF"><CameraFilled /></el-icon>
|
||||
<span class="text">点击开启全屏扫码</span>
|
||||
</div>
|
||||
<div v-else class="camera-placeholder" style="background-color: #f5f5f5; cursor: not-allowed;">
|
||||
@ -344,21 +344,21 @@ const submitForm = async () => {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 180px;
|
||||
background: linear-gradient(135deg, #fef0f0 0%, #fdeaea 100%);
|
||||
border: 2px dashed #F56C6C;
|
||||
background: linear-gradient(135deg, #ecf5ff 0%, #d9ecff 100%);
|
||||
border: 2px dashed #409EFF;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.camera-placeholder:hover {
|
||||
background: linear-gradient(135deg, #fdeaea 0%, #fcd5d5 100%);
|
||||
background: linear-gradient(135deg, #d9ecff 0%, #b3d8ff 100%);
|
||||
transform: scale(1.01);
|
||||
}
|
||||
|
||||
.camera-placeholder .text {
|
||||
margin-top: 10px;
|
||||
color: #F56C6C;
|
||||
color: #409EFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@ -375,7 +375,7 @@ const submitForm = async () => {
|
||||
}
|
||||
|
||||
.input-box :deep(.el-input__wrapper.is-focus) {
|
||||
box-shadow: 0 0 0 1px #F56C6C inset;
|
||||
box-shadow: 0 0 0 1px #409EFF inset;
|
||||
}
|
||||
|
||||
.cart-section {
|
||||
|
||||
Reference in New Issue
Block a user