fix: Error组件修改提示框窗样式

src/assets/css/common.scss

@@ -4,7 +4,7 @@
   display: none !important;
 }
 * {
-  font-family: NotoSansSChineseRegular;
+  font-family: NotoSansSChineseRegular, serif;
   box-sizing: border-box;
 }
 html, body, #app {
@@ -50,11 +50,12 @@ body {
   display: inline-block;
   background: #FFE7E6 !important;
   border: 1px solid rgba(226,97,84,0.42) !important;
-  padding: 8px 12px !important;
+  padding: 6.6px 12px !important;
   border-radius: 4px !important;
   font-size: 14px !important;
   color: #F53A19 !important;
   font-weight: 400 !important;
+  line-height: 1.2 !important;
   .el-popper__arrow {
     display: none !important;
   }

src/assets/css/components/components/common/chart-error.scss

@@ -10,20 +10,20 @@
   width: auto;
   max-width: calc(100% - 24px);
   max-height: calc(100% - 24px);
-  line-height: 24px;
+  //line-height: 24px;
   background: #FFE7E6;
-  border: 1px solid rgba(226,97,84,0.42);
-  border-radius: 4px;
   font-size: 14px;
   color: #F53A19;
   font-weight: 400;
-  padding: 10px 12px;
+  padding: 7.6px 12px;
   margin: 12px;
   z-index: 3;
   overflow: hidden;
   text-overflow: ellipsis;
   //white-space: nowrap;
   word-break: break-all;
+  border: 1px solid rgba(226,97,84,0.42);
+  border-radius: 4px;
 }
 
 .error-block-info {
@@ -67,13 +67,14 @@
   padding: 5px 12px;
 }
 
-.error-icon {
+.error-icon-default {
-  font-size: 17px !important;
+  font-size: 16px;
-  margin-bottom: -1px;
-  margin-left: 5px;
-}
-
-.error-icon1 {
   margin-left: -2px;
   margin-right: 8px;
 }
+
+.error-icon-tooltip {
+  font-size: 16px !important;
+  margin-bottom: -1px;
+  margin-left: 6px;
+}

src/components/common/Error.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-if="showDefault" class="error-component">
     <div class="error-block" :style="{'max-width': localMaxWidth, 'width': localWidth}">
-      <svg class="icon item-popover-up error-icon1" aria-hidden="true">
+      <svg class="icon error-icon-default" aria-hidden="true">
         <use xlink:href="#cn-icon-baocuo"></use>
       </svg>
       {{ content }}
@@ -19,7 +19,7 @@
           :content="content">
         <template #reference>
           <span>
-            <svg class="icon error-icon" aria-hidden="true">
+            <svg class="icon error-icon-tooltip" aria-hidden="true">
               <use xlink:href="#cn-icon-baocuo"></use>
             </svg>
 <!--            为后续自定义icon插槽做预备-->
@@ -40,7 +40,7 @@
 
     <div class="error-block-info" v-if="info !== undefined">
       <div>
-        <svg class="icon item-popover-up error-icon1" aria-hidden="true">
+        <svg class="icon error-icon-default" aria-hidden="true">
           <use xlink:href="#cn-icon-baocuo"></use>
         </svg>
         {{ content }}