- 订单编号:
+ 订单编号:
{{ 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;