eta_front/src/styles/global.scss

@import "./element-ui.scss";

a[href="https://froala.com/wysiwyg-editor"], a[href="https://www.froala.com/wysiwyg-editor?k=u"]{ border:1px solid #eaeaea; background:#fff !important; color:#ccc !important; }

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,button,input,textarea,th,td { margin:0; padding:0; }
body{ font-size:12px; font-style:normal; font-family:"\5FAE\8F6F\96C5\9ED1", Helvetica, sans-serif,; }
html{ overflow:auto; /* min-width:1000px; */ }
small{ font-size:12px; }
h1{ font-size:18px; }
h2{ font-size:16px; }
h3{ font-size:14px; }
h4,h5,h6{ font-size:100%; }
ul,ol{ list-style:none; }
a{ text-decoration:none; background-color:transparent; }
a:hover,a:active{ outline-width:0; text-decoration:none; }
table{ border-collapse:collapse; border-spacing:0; }
// hr{ border:0; height:1px; }
img{ border-style:none; }
img:not([src]){ display:none; }
svg:not(:root){ overflow:hidden; }
html{ -webkit-touch-callout:none; -webkit-text-size-adjust:100%; }
input,textarea,button,a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{ display:block; }
audio,canvas,progress,video{ display:inline-block; }
audio:not([controls]),video:not([controls]){ display:none; height:0; }
progress{ vertical-align:baseline; }
mark{ background-color:#ff0; color:#000; }
sub,sup{ position:relative; font-size:75%; line-height:0; vertical-align:baseline; }
sub{ bottom:-0.25em; }
sup{ top:-0.5em; }
button,input,select,textarea{ font-size:100%; outline:0; }
button,input{ overflow:visible; }
button,select{ text-transform:none; }
textarea{ overflow:auto; }
button,html[type="button"],[type="reset"],[type="submit"]{ -webkit-appearance:button; }
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{ border-style:none; padding:0; }
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{ outline:1px dotted ButtonText; }
[type="checkbox"],[type="radio"]{ box-sizing:border-box; padding:0; }
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{ height:auto; }
[type="search"]{ -webkit-appearance:textfield; outline-offset:-2px; }
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{ -webkit-appearance:none; }
::-webkit-input-placeholder{ color:inherit; opacity:.54; }
::-webkit-file-upload-button{ -webkit-appearance:button; font:inherit; }
.clear:after{ display:block; height:0; content:""; clear:both; }

.highcharts-range-selector-group{ display:none; }
.highcharts-legend-item tspan{ font-weight:400;  }

// 英文图表标识
.chartEn-mark{
  position: absolute;
  top: 0;
  left: 0;
  border-right: 25px solid transparent;
  border-top: 21px solid $color-primary;
  border-bottom: 21px solid transparent;
  border-left: 25px solid $color-primary;
  color: white;
  height: 0;
  width: 0;
  white-space: nowrap;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: 16px;
}

.ficc-package {
  display: inline-block;
  font-size: 12px;
  padding:0 5px;
  border-radius: 5px;
  color: #3994fb;
  background-color: #dcecfc;
}

//收缩目录按钮样式
.slide-btn-icon{
    padding: 20px 0;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    &:hover {
        background-color: #e0e0e0;
    }
}
//图库相关-图表列表 公共样式
.chart-list-item-wrap{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    overflow-x: hidden;
    .chart-list-item{
        //width,min-width在页面内设置
        background-color: #FFFFFF;
        overflow: hidden;
        border: 1px solid #EBEEF5;
        border-radius: 4px;
        .chart-item-top,.chart-item-bottom{
            padding:10px;
            text-align: left;
        }
        .chart-item-top{
            //ellipsis在页面内设置
            font-size: 16px;
            font-weight: 600;
            box-shadow: 0 3px 6px rgba(37, 37, 239, 0.1);
        }
        .chart-item-img{
            margin:10px;
            margin-bottom: 0;
            height: 0;
            padding-bottom: 67%;
            cursor: pointer;
        }
        .chart-item-bottom{
            font-size: 12px;
            color: #666;
        }
    }
}

//el-dialog，适应小屏样式
.fit-screen-dialog{
    //max-width在页面设置
    width:85vw;
    margin-top:6vh;
    margin-bottom: 0;
}

//图表底部来源和图表说明
.chart-bottom-insruction-info {
    margin-top: 10px;
    display: flex;
    gap: 0 20px;
    .chart-source {
        width: 30%;
        min-width: 150px;
    }

    .calendar-cont {
        display: block;
        margin: 0 auto;
        text-align: center;
        flex-shrink: 0;
    }

    .chart-instruction {
        flex: 1;
        text-align: right;
    }
}