gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
刘洪洪
2022-11-22 10:49:35 +08:00
parent d5298347d8
commit fa8ea9dce0
3 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/assets/css/common.scss
View File

@@ -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;
}

23
src/assets/css/components/components/common/chart-error.scss
View File

@@ -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 {
font-size: 17px !important;
margin-bottom: -1px;
margin-left: 5px;
}
.error-icon1 {
.error-icon-default {
font-size: 16px;
margin-left: -2px;
margin-right: 8px;
}
.error-icon-tooltip {
font-size: 16px !important;
margin-bottom: -1px;
margin-left: 6px;
}

6
src/components/common/Error.vue
View File

@@ -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 }}