|
@@ -863,40 +863,62 @@ onMounted(() => {
|
|
|
margin-top: 15px;
|
|
margin-top: 15px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-/* v-select 样式 */
|
|
|
|
|
|
|
+/* v-select 深色科技风格样式 */
|
|
|
.dialog-select {
|
|
.dialog-select {
|
|
|
font-size: 1rem;
|
|
font-size: 1rem;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:deep(.dialog-select .vs__dropdown-toggle) {
|
|
:deep(.dialog-select .vs__dropdown-toggle) {
|
|
|
- border: 1px solid #d1d5db;
|
|
|
|
|
|
|
+ border: 1px solid #2a7fff;
|
|
|
border-radius: 6px;
|
|
border-radius: 6px;
|
|
|
padding: 8px 12px;
|
|
padding: 8px 12px;
|
|
|
min-height: 44px;
|
|
min-height: 44px;
|
|
|
- background: white;
|
|
|
|
|
|
|
+ background: rgba(13, 58, 106, 0.8);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:deep(.dialog-select .vs__search) {
|
|
:deep(.dialog-select .vs__search) {
|
|
|
font-size: 1rem;
|
|
font-size: 1rem;
|
|
|
padding: 0;
|
|
padding: 0;
|
|
|
margin: 0;
|
|
margin: 0;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.dialog-select .vs__search::placeholder) {
|
|
|
|
|
+ color: #7ec8ff;
|
|
|
|
|
+ opacity: 0.7;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:deep(.dialog-select .vs__selected) {
|
|
:deep(.dialog-select .vs__selected) {
|
|
|
margin: 2px;
|
|
margin: 2px;
|
|
|
padding: 0 4px;
|
|
padding: 0 4px;
|
|
|
font-size: 1rem;
|
|
font-size: 1rem;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.dialog-select .vs__actions svg) {
|
|
|
|
|
+ fill: #7ec8ff;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.dialog-select .vs__clear svg) {
|
|
|
|
|
+ fill: #7ec8ff;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:deep(.dialog-select .vs__dropdown-menu) {
|
|
:deep(.dialog-select .vs__dropdown-menu) {
|
|
|
z-index: 9999 !important;
|
|
z-index: 9999 !important;
|
|
|
- border: 1px solid #d1d5db;
|
|
|
|
|
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
|
+ border: 1px solid #2a7fff;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ background: rgba(13, 58, 106, 0.95);
|
|
|
|
|
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
|
|
font-size: 1rem;
|
|
font-size: 1rem;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
:deep(.dialog-select .vs__dropdown-option) {
|
|
:deep(.dialog-select .vs__dropdown-option) {
|
|
|
padding: 10px 12px;
|
|
padding: 10px 12px;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+:deep(.dialog-select .vs__dropdown-option--highlight) {
|
|
|
|
|
+ background: rgba(30, 144, 255, 0.3);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* ========== 工装设备选择区域样式(重写) ========== */
|
|
/* ========== 工装设备选择区域样式(重写) ========== */
|