diff --git a/src/views/EquipmentSharedLease/order/index.vue b/src/views/EquipmentSharedLease/order/index.vue index 14158cb0..710a9497 100644 --- a/src/views/EquipmentSharedLease/order/index.vue +++ b/src/views/EquipmentSharedLease/order/index.vue @@ -80,7 +80,7 @@
- 订单编号: + 订单编号: {{ item.code }} @@ -834,13 +834,38 @@ export default { } } */ +.card-header-icon { + display: inline-flex; + align-items: center; + justify-content: center; + width: 28px; + height: 28px; + background: linear-gradient(135deg, #169bd5, #0d7aa8); + color: #fff; + border-radius: 4px; + margin-right: 12px; + margin-bottom: 12px; + font-size: 16px; + box-shadow: 0 2px 6px rgba(22, 155, 213, 0.25); +} + .cart-tbody { background: #fff; padding: 16px; margin-bottom: 14px; border-radius: 10px; - border: 1px solid #ddd; - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); + border: 1px solid #169bd5; + box-shadow: + 0 0 0 1px rgba(22, 155, 213, 0.2), + 0 0 8px rgba(22, 155, 213, 0.3); + transition: all 0.3s ease; + + &:hover { + border-color: #0d7aa8; + box-shadow: + 0 0 0 2px rgba(22, 155, 213, 0.3), + 0 0 12px rgba(22, 155, 213, 0.4); + } .cart-user-info { display: flex; @@ -1011,6 +1036,8 @@ export default { } .app-container-content { + // background-color: #f5f5f5; + :deep(.el-dialog) { display: flex !important; flex-direction: column !important; diff --git a/src/views/EquipmentSharedOrder/order/index.vue b/src/views/EquipmentSharedOrder/order/index.vue index 670ab281..adbb168b 100644 --- a/src/views/EquipmentSharedOrder/order/index.vue +++ b/src/views/EquipmentSharedOrder/order/index.vue @@ -72,7 +72,7 @@
- 订单编号: + 订单编号: {{ item.code }} @@ -615,8 +615,20 @@ export default { padding: 16px; margin-bottom: 14px; border-radius: 10px; - border: 1px solid #ddd; - box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); + border: 1px solid #169bd5; + box-shadow: + 0 0 0 1px rgba(22, 155, 213, 0.2), + 0 0 8px rgba(22, 155, 213, 0.3); + // 0 4px 12px rgba(0, 0, 0, 0.1); + transition: all 0.3s ease; +} + +.cart-tbody:hover { + border-color: #0d7aa8; + box-shadow: + 0 0 0 2px rgba(22, 155, 213, 0.3), + 0 0 12px rgba(22, 155, 213, 0.4), + 0 6px 16px rgba(0, 0, 0, 0.12); } :deep .el-form--inline .el-form-item { @@ -689,6 +701,8 @@ export default { } .app-container-content { + // background-color: #f5f5f5; + :deep(.el-dialog) { display: flex !important; flex-direction: column !important;