@vtx/modals2 2.15.60 → 2.15.61

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

@@ -1,106 +1,106 @@
-.wr-alarm {
-    padding: 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: 358px;
-        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);
-
-        &-head {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-        }
-
-        &-table {
-            margin-top: 14px;
-        }
-
-        .alarmLevel {
-            img {
-                margin-top: -2px;
-            }
-        }
-    }
-}
+.wr-alarm {
+    padding: 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: 358px;
+        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);
+
+        &-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+
+        &-table {
+            margin-top: 14px;
+        }
+
+        .alarmLevel {
+            img {
+                margin-top: -2px;
+            }
+        }
+    }
+}

package/lib/vtx-wr-modal/components/BaseInfo/index.less

@@ -1,142 +1,142 @@
-.flex-start {
-    display: flex;
-    justify-content: start;
-    align-items: start;
-}
-
-.mr-20 {
-    margin-right: 20px;
-}
-
-.mt-24 {
-    margin-top: 24px;
-}
-
-.wr-baseContent {
-    padding: 6px;
-
-    .base-top {
-        &-img {
-            width: 370px;
-            height: 210px;
-            .mr-20();
-            img {
-                width: 370px;
-                height: 210px;
-            }
-        }
-
-        &--base {
-            .flex-start();
-            padding: 20px 24px;
-            height: 250px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            &-list {
-                height: 100%;
-                overflow: auto;
-            }
-        }
-        &--right {
-            height: 250px;
-            padding: 20px 24px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-
-        &--chart {
-            .mt-24();
-            height: 148px;
-            width: 100%;
-            position: relative;
-            &-bg {
-                width: 168px;
-                height: 148px;
-                position: absolute;
-                top: 0;
-                left: 9%;
-                background-image: url('../../imgs/chart_bg.png');
-                background-repeat: no-repeat;
-                background-size: 100% 100%;
-            }
-            &-content {
-                height: 148px;
-            }
-        }
-    }
-
-    .base-bottom {
-        margin-top: 10px;
-
-        &-left {
-            height: 358px;
-            padding: 20px 24px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-        }
-        &-situation {
-            display: flex;
-            flex-flow: wrap;
-
-            &--item {
-                width: 50%;
-                text-align: top;
-                .flex-start();
-                align-items: center;
-                margin-bottom: 46px;
-
-                img {
-                    width: 50px;
-                    height: 50px;
-                    .mr-20();
-                }
-                &-name {
-                    font-size: 12px;
-                    color: var(--title-color);
-                }
-                &-value {
-                    color: var(--info-active);
-                    font-size: 12px;
-                    span {
-                        font-size: 20px;
-                        line-height: 25px;
-                    }
-                }
-            }
-
-            &--nodata {
-                img {
-                    width: 100%;
-                }
-            }
-        }
-
-        &-alarm-detail {
-            height: 358px;
-            padding: 20px 24px 0 24px;
-            background-color: var(--bg-color2);
-            border: 1px solid var(--bg-border-color2);
-
-            &-date {
-                display: flex;
-                justify-content: space-between;
-            }
-            &-tab {
-                .flex-start();
-                &-item {
-                    font-size: 14px;
-                    font-family: HiraginoSansGB-W6, HiraginoSansGB;
-                    color: #a7bebb;
-                    line-height: 21px;
-                    margin-right: 15px;
-                    cursor: pointer;
-
-                    &_active {
-                        color: var(--info-active);
-                    }
-                }
-            }
-        }
-    }
-}
+.flex-start {
+    display: flex;
+    justify-content: start;
+    align-items: start;
+}
+
+.mr-20 {
+    margin-right: 20px;
+}
+
+.mt-24 {
+    margin-top: 24px;
+}
+
+.wr-baseContent {
+    padding: 6px;
+
+    .base-top {
+        &-img {
+            width: 370px;
+            height: 210px;
+            .mr-20();
+            img {
+                width: 370px;
+                height: 210px;
+            }
+        }
+
+        &--base {
+            .flex-start();
+            padding: 20px 24px;
+            height: 250px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            &-list {
+                height: 100%;
+                overflow: auto;
+            }
+        }
+        &--right {
+            height: 250px;
+            padding: 20px 24px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+
+        &--chart {
+            .mt-24();
+            height: 148px;
+            width: 100%;
+            position: relative;
+            &-bg {
+                width: 168px;
+                height: 148px;
+                position: absolute;
+                top: 0;
+                left: 9%;
+                background-image: url('../../imgs/chart_bg.png');
+                background-repeat: no-repeat;
+                background-size: 100% 100%;
+            }
+            &-content {
+                height: 148px;
+            }
+        }
+    }
+
+    .base-bottom {
+        margin-top: 10px;
+
+        &-left {
+            height: 358px;
+            padding: 20px 24px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+        }
+        &-situation {
+            display: flex;
+            flex-flow: wrap;
+
+            &--item {
+                width: 50%;
+                text-align: top;
+                .flex-start();
+                align-items: center;
+                margin-bottom: 46px;
+
+                img {
+                    width: 50px;
+                    height: 50px;
+                    .mr-20();
+                }
+                &-name {
+                    font-size: 12px;
+                    color: var(--title-color);
+                }
+                &-value {
+                    color: var(--info-active);
+                    font-size: 12px;
+                    span {
+                        font-size: 20px;
+                        line-height: 25px;
+                    }
+                }
+            }
+
+            &--nodata {
+                img {
+                    width: 100%;
+                }
+            }
+        }
+
+        &-alarm-detail {
+            height: 358px;
+            padding: 20px 24px 0 24px;
+            background-color: var(--bg-color2);
+            border: 1px solid var(--bg-border-color2);
+
+            &-date {
+                display: flex;
+                justify-content: space-between;
+            }
+            &-tab {
+                .flex-start();
+                &-item {
+                    font-size: 14px;
+                    font-family: HiraginoSansGB-W6, HiraginoSansGB;
+                    color: #a7bebb;
+                    line-height: 21px;
+                    margin-right: 15px;
+                    cursor: pointer;
+
+                    &_active {
+                        color: var(--info-active);
+                    }
+                }
+            }
+        }
+    }
+}