feat: 增加字体文件

src/assets/css/components/views/charts2/networkOverviewLine.scss

@@ -0,0 +1,113 @@
+.line {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  border: 1px solid #E2E5EC;
+  border-radius: 4px;
+  .chart-drawing {
+    div:nth-of-type(2) {
+      .cn-chart-tooltip {
+        display: flex;
+        justify-content: space-between;
+        .cn-chart-tooltip-box {
+          .cn-chart-tooltip__color.cn-chart-tooltip-value {
+            font-family: NotoSansHans-Medium;
+            font-size: 12px;
+            color: #353636;
+            line-height: 12px;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+  #chart {
+    width: 1288px;
+    height: 340px;
+  }
+  .line-select {
+    line-height: 24px;
+    top: 10px;
+    right: 20px;
+    display: flex;
+    position: absolute;
+    .line-select-metric,.line-select-reference-line {
+      display: flex;
+      span {
+        font-family: NotoSansSChineseRegular;
+        font-size: 12px;
+        color: #575757;
+        font-weight: 400;
+        margin-right: 3px;
+      }
+      .line-select__operation {
+        height: 24px;
+        margin-left: 3px;
+        box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
+        border-radius: 2px;
+        .option__select {
+          pointer-events:none;
+          .el-input__inner {
+            width: 80px;
+            height: 24px;
+            padding-left: 4px;
+            line-height: 24px;
+            font-size: 12px;
+            color: #2C72C6;
+            font-weight: 400;
+          }
+          .el-input__suffix {
+            display: flex;
+            .el-input__suffix-inner {
+              line-height: 24px;
+              .el-select__caret {
+                line-height: 24px;
+                width: 16px;
+                color: #575757;
+              }
+            }
+          }
+        }
+        .option__select.select-column {
+          .el-input__inner {
+            width: 86px;
+            padding-left: 8px;
+          }
+        }
+        .icon-group-divide {
+          height: 14px;
+          width: 1px;
+          background-color: $--color-primary;
+        }
+        i {
+          font-size: 12px;
+        }
+      }
+    }
+    .line-select-reference-line {
+      margin-left: 20px;
+    }
+  }
+  .line-value {
+    position: absolute;
+    top: 30px;
+    left: 27px;
+    height: 34px;
+    line-height: 34px;
+    display: flex;
+    .line-value-mpackets {
+      margin-right: 30px;
+      span:nth-of-type(1) {
+        font-family: 'Helvetica-Bold';
+        font-size: 20px;
+        color: #353636;
+        margin-right: 4px;
+      }
+      span:nth-of-type(2) {
+        font-size: 12px;
+        color: #575757;
+        font-weight: 400;
+      }
+    }
+  }
+}