@vtx/modals2 2.15.48 → 2.15.50

package/lib/vtx-cc-cp-modal/components/OrderInfo/index.less

@@ -1,108 +1,108 @@
-.cc-cp-order {
-    margin: 6px;
-    width: 100%;
-    .order-summary {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-time {
-            margin: 24px;
-            display: flex;
-            justify-content: start;
-            align-items: center;
-            img {
-                width: 46px;
-                height: 46px;
-                margin-right: 19px;
-            }
-            &-name {
-                font-size: 12px;
-                color: var(--title-color);
-            }
-            &-value {
-                color: var(--title-color);
-                font-size: 12px;
-                span {
-                    font-size: 20px;
-                    line-height: 25px;
-                }
-                &-compare {
-                    display: inline-block;
-                    margin-left: 36px;
-                }
-            }
-        }
-        .triangle-up {
-            width: 12px;
-            height: 8px;
-            position: relative;
-            overflow: hidden;
-            display: inline-block;
-            margin-left: 4px;
-            &::before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                background: #f65861;
-                transform-origin: left bottom;
-                transform: rotate(45deg);
-            }
-        }
-        .triangle-down {
-            width: 12px;
-            height: 8px;
-            position: relative;
-            overflow: hidden;
-            display: inline-block;
-            margin-left: 4px;
-            margin-bottom: -2px;
-            &::before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                background: #41ffb4;
-                transform-origin: right top;
-                transform: rotate(45deg);
-            }
-        }
-    }
-
-    .order-trend {
-        height: 358px;
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-
-    .order-record {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        min-height: 180px;
-
-        &-head {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        &-table {
-            margin-top: 14px;
-            height: 200px;
-        }
-
-        .orderLevel {
-            img {
-                margin-top: -2px;
-            }
-        }
-    }
-}
+.cc-cp-order {
+    margin: 6px;
+    width: 100%;
+    .order-summary {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-time {
+            margin: 24px;
+            display: flex;
+            justify-content: start;
+            align-items: center;
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 19px;
+            }
+            &-name {
+                font-size: 12px;
+                color: var(--title-color);
+            }
+            &-value {
+                color: var(--title-color);
+                font-size: 12px;
+                span {
+                    font-size: 20px;
+                    line-height: 25px;
+                }
+                &-compare {
+                    display: inline-block;
+                    margin-left: 36px;
+                }
+            }
+        }
+        .triangle-up {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #f65861;
+                transform-origin: left bottom;
+                transform: rotate(45deg);
+            }
+        }
+        .triangle-down {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            margin-bottom: -2px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #41ffb4;
+                transform-origin: right top;
+                transform: rotate(45deg);
+            }
+        }
+    }
+
+    .order-trend {
+        height: 358px;
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+    .order-record {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        min-height: 180px;
+
+        &-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        &-table {
+            margin-top: 14px;
+            height: 200px;
+        }
+
+        .orderLevel {
+            img {
+                margin-top: -2px;
+            }
+        }
+    }
+}

package/lib/vtx-cc-cp-modal/components/SyInfo/index.less

@@ -1,46 +1,46 @@
-.cc-cp-syinfo {
-    padding: 6px 10px;
-    &-head {
-        padding: 8px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        display: flex;
-        justify-content: flex-end;
-    }
-    &-base {
-        margin-top: 10px;
-    }
-    &-base-noweight {
-        padding: 12px 20px;
-        margin-top: 10px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-    &-base-weight {
-        height: 200px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        padding-left: 20px;
-        padding-top: 12px;
-        &-item {
-            display: flex;
-            flex-wrap: wrap;
-        }
-    }
-    &-base-chart {
-        height: 200px;
-        padding-left: 20px;
-        padding-top: 12px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-    &-table {
-        padding: 20px;
-        margin-top: 10px;
-        height: 400px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-}
+.cc-cp-syinfo {
+    padding: 6px 10px;
+    &-head {
+        padding: 8px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        display: flex;
+        justify-content: flex-end;
+    }
+    &-base {
+        margin-top: 10px;
+    }
+    &-base-noweight {
+        padding: 12px 20px;
+        margin-top: 10px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+    &-base-weight {
+        height: 200px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        padding-left: 20px;
+        padding-top: 12px;
+        &-item {
+            display: flex;
+            flex-wrap: wrap;
+        }
+    }
+    &-base-chart {
+        height: 200px;
+        padding-left: 20px;
+        padding-top: 12px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+    &-table {
+        padding: 20px;
+        margin-top: 10px;
+        height: 400px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+}

package/lib/vtx-cc-cp-modal/style/index.css

@@ -12,6 +12,7 @@
   --calendar-border: #ececec;
   --calendar-thead-bg: #fff;
   --calendar-bg: #fff;
+  --calendar-content-sigle-bg: #f3f5f8;
   --info-danger: #fd3a15;
   --info-warnning: #f7d93d;
   --info-active: #222;
@@ -78,6 +79,7 @@
   --arrow-icon-color: #355e5f;
   --block-bg-color: rgba(255, 255, 255, 0.1);
   --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --calendar-content-sigle-bg: rgba(243, 245, 248, 0.053);
   --info-active: #40ffd3;
   --info-active2: #52c41a;
   --info-active3: #40ffd3;
@@ -109,6 +111,7 @@
   --sub-title-color: #64bcff;
   --label-color: #fff;
   --info-color: #74bbf4;
+  --calendar-content-sigle-bg: #1464a62e;
   --border-color: #1464a6;
   --scroll-bar-bg: #39cbc3aa;
   --scroll-bar-hover-bg: #219fff3d;

package/lib/vtx-cc-cp-modal/style/index.less

@@ -1 +1 @@
-@import '../../style/index';
+@import '../../style/index';

package/lib/vtx-cc-unit-modal/style/index.css

@@ -12,6 +12,7 @@
   --calendar-border: #ececec;
   --calendar-thead-bg: #fff;
   --calendar-bg: #fff;
+  --calendar-content-sigle-bg: #f3f5f8;
   --info-danger: #fd3a15;
   --info-warnning: #f7d93d;
   --info-active: #222;
@@ -78,6 +79,7 @@
   --arrow-icon-color: #355e5f;
   --block-bg-color: rgba(255, 255, 255, 0.1);
   --block-bg-color2: rgba(48, 118, 114, 0.2);
+  --calendar-content-sigle-bg: rgba(243, 245, 248, 0.053);
   --info-active: #40ffd3;
   --info-active2: #52c41a;
   --info-active3: #40ffd3;
@@ -109,6 +111,7 @@
   --sub-title-color: #64bcff;
   --label-color: #fff;
   --info-color: #74bbf4;
+  --calendar-content-sigle-bg: #1464a62e;
   --border-color: #1464a6;
   --scroll-bar-bg: #39cbc3aa;
   --scroll-bar-hover-bg: #219fff3d;

package/lib/vtx-cc-unit-modal/style/index.less

@@ -1 +1 @@
-@import '../../style/index';
+@import '../../style/index';

package/lib/vtx-cp-modal/components/AlarmInfo/index.less

@@ -1,109 +1,109 @@
-.cp-alarm {
-    margin: 6px;
-    width: 100%;
-
-    .alarm-summary {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        &-time {
-            margin: 24px;
-            display: flex;
-            justify-content: start;
-            align-items: center;
-            img {
-                width: 46px;
-                height: 46px;
-                margin-right: 19px;
-            }
-            &-name {
-                font-size: 12px;
-                color: var(--title-color);
-            }
-            &-value {
-                color: var(--title-color);
-                font-size: 12px;
-                span {
-                    font-size: 20px;
-                    line-height: 25px;
-                }
-                &-compare {
-                    display: inline-block;
-                    margin-left: 36px;
-                }
-            }
-        }
-        .triangle-up {
-            width: 12px;
-            height: 8px;
-            position: relative;
-            overflow: hidden;
-            display: inline-block;
-            margin-left: 4px;
-            &::before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                background: #f65861;
-                transform-origin: left bottom;
-                transform: rotate(45deg);
-            }
-        }
-        .triangle-down {
-            width: 12px;
-            height: 8px;
-            position: relative;
-            overflow: hidden;
-            display: inline-block;
-            margin-left: 4px;
-            margin-bottom: -2px;
-            &::before {
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                right: 0;
-                bottom: 0;
-                background: #41ffb4;
-                transform-origin: right top;
-                transform: rotate(45deg);
-            }
-        }
-    }
-
-    .alarm-trend {
-        height: 328px;
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-    }
-
-    .alarm-record {
-        padding: 14px 20px;
-        background-color: var(--bg-color2);
-        border: 1px solid var(--bg-border-color2);
-
-        min-height: 180px;
-
-        &-head {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        &-table {
-            margin-top: 14px;
-            height: 200px;
-        }
-
-        .alarmLevel {
-            img {
-                margin-top: -2px;
-            }
-        }
-    }
-}
+.cp-alarm {
+    margin: 6px;
+    width: 100%;
+
+    .alarm-summary {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        &-time {
+            margin: 24px;
+            display: flex;
+            justify-content: start;
+            align-items: center;
+            img {
+                width: 46px;
+                height: 46px;
+                margin-right: 19px;
+            }
+            &-name {
+                font-size: 12px;
+                color: var(--title-color);
+            }
+            &-value {
+                color: var(--title-color);
+                font-size: 12px;
+                span {
+                    font-size: 20px;
+                    line-height: 25px;
+                }
+                &-compare {
+                    display: inline-block;
+                    margin-left: 36px;
+                }
+            }
+        }
+        .triangle-up {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #f65861;
+                transform-origin: left bottom;
+                transform: rotate(45deg);
+            }
+        }
+        .triangle-down {
+            width: 12px;
+            height: 8px;
+            position: relative;
+            overflow: hidden;
+            display: inline-block;
+            margin-left: 4px;
+            margin-bottom: -2px;
+            &::before {
+                content: '';
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                background: #41ffb4;
+                transform-origin: right top;
+                transform: rotate(45deg);
+            }
+        }
+    }
+
+    .alarm-trend {
+        height: 328px;
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+    }
+
+    .alarm-record {
+        padding: 14px 20px;
+        background-color: var(--bg-color2);
+        border: 1px solid var(--bg-border-color2);
+
+        min-height: 180px;
+
+        &-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        &-table {
+            margin-top: 14px;
+            height: 200px;
+        }
+
+        .alarmLevel {
+            img {
+                margin-top: -2px;
+            }
+        }
+    }
+}