| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html lang="en"> |
|---|
| | | <head> |
|---|
| | | <meta charset="utf-8"> |
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|---|
| | | <meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|---|
| | | <link rel="icon" type="image/png" href="<%= BASE_URL %>favicon.png" sizes="32x32" > |
|---|
| | | <meta charset="utf-8" /> |
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
|---|
| | | <meta name="viewport" content="width=device-width,initial-scale=1.0" /> |
|---|
| | | <link |
|---|
| | | rel="icon" |
|---|
| | | type="image/png" |
|---|
| | | href="<%= BASE_URL %>favicon.png" |
|---|
| | | sizes="32x32" |
|---|
| | | /> |
|---|
| | | <link rel="stylesheet" href="/fonts/alibaba/iconfont.css"> |
|---|
| | | <link rel="stylesheet" href="/css/element-variables.scss"> |
|---|
| | | <title><%= htmlWebpackPlugin.options.title %></title> |
|---|
| | | <style> |
|---|
| | | html,body,h2,p,ul,li{ |
|---|
| | | margin:0; |
|---|
| | | padding:0; |
|---|
| | | } |
|---|
| | | <style src="/css/common.scss" lang="scss"></style> |
|---|
| | | <style src="/css/overried.scss" lang="scss"></style> |
|---|
| | | <style > |
|---|
| | | html,body { |
|---|
| | | font-family: "Avenir", Helvetica, Arial, sans-serif; |
|---|
| | | -webkit-font-smoothing: antialiased; |
|---|
| | | -moz-osx-font-smoothing: grayscale; |
|---|
| | | text-align: center; |
|---|
| | | color: #2c3e50; |
|---|
| | | width: 100%; |
|---|
| | | height: 100%; |
|---|
| | | font-size: 12px; |
|---|
| | | } |
|---|
| | | .el-button--primary:hover, |
|---|
| | | .el-button--primary:focus { |
|---|
| | | background: #2249b4; |
|---|
| | | border-color: #2249b4; |
|---|
| | | } |
|---|
| | | .el-button--warning:hover, |
|---|
| | | .el-button--warning:focus { |
|---|
| | | background: #fd780b; |
|---|
| | | border-color: #fd780b; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--danger:hover, |
|---|
| | | .el-button--danger:focus { |
|---|
| | | background: #d22929; |
|---|
| | | border-color: #d22929; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--info { |
|---|
| | | color: #222222; |
|---|
| | | } |
|---|
| | | .el-button--info:hover, |
|---|
| | | .el-button--info:focus { |
|---|
| | | background: rgb(190, 190, 190); |
|---|
| | | border-color: rgb(190, 190, 190); |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-button--text:focus, |
|---|
| | | .el-button--text:hover { |
|---|
| | | color: #2249b4; |
|---|
| | | } |
|---|
| | | |
|---|
| | | body .el-tag.el-tag--info { |
|---|
| | | background-color: #f4f4f5; |
|---|
| | | border-color: #e9e9eb; |
|---|
| | | color: #909399; |
|---|
| | | } |
|---|
| | | /* reset */ |
|---|
| | | html { |
|---|
| | | color: #000; |
|---|
| | | background: #fff; |
|---|
| | | } |
|---|
| | | body, |
|---|
| | | div, |
|---|
| | | dl, |
|---|
| | | dt, |
|---|
| | | dd, |
|---|
| | | ul, |
|---|
| | | ol, |
|---|
| | | li, |
|---|
| | | h1, |
|---|
| | | h2, |
|---|
| | | h3, |
|---|
| | | h4, |
|---|
| | | h5, |
|---|
| | | h6, |
|---|
| | | input, |
|---|
| | | button, |
|---|
| | | textarea, |
|---|
| | | p, |
|---|
| | | blockquote, |
|---|
| | | th, |
|---|
| | | td { |
|---|
| | | margin: 0; |
|---|
| | | padding: 0; |
|---|
| | | } |
|---|
| | | /* body { |
|---|
| | | font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; |
|---|
| | | } */ |
|---|
| | | img { |
|---|
| | | border: none; |
|---|
| | | } |
|---|
| | | em, |
|---|
| | | strong { |
|---|
| | | font-style: normal; |
|---|
| | | font-weight: normal; |
|---|
| | | } |
|---|
| | | li { |
|---|
| | | list-style: none; |
|---|
| | | } |
|---|
| | | table { |
|---|
| | | border-collapse: collapse; |
|---|
| | | border-spacing: 0; |
|---|
| | | } |
|---|
| | | h1 { |
|---|
| | | font-size: 18px; |
|---|
| | | } |
|---|
| | | h2 { |
|---|
| | | font-size: 16px; |
|---|
| | | } |
|---|
| | | h3 { |
|---|
| | | font-size: 14px; |
|---|
| | | } |
|---|
| | | h4, |
|---|
| | | h5, |
|---|
| | | h6 { |
|---|
| | | font-size: 100%; |
|---|
| | | } |
|---|
| | | q:before, |
|---|
| | | q:after { |
|---|
| | | content: ""; |
|---|
| | | } /* 消除q前后的内容 */ |
|---|
| | | button, |
|---|
| | | input, |
|---|
| | | select, |
|---|
| | | textarea { |
|---|
| | | font-size: 100%; |
|---|
| | | } /* 使得表单元素在 ie 下能继承字体大小 */ |
|---|
| | | input, |
|---|
| | | button, |
|---|
| | | textarea, |
|---|
| | | select, |
|---|
| | | optgroup, |
|---|
| | | option { |
|---|
| | | font-family: inherit; |
|---|
| | | font-size: inherit; |
|---|
| | | font-style: inherit; |
|---|
| | | font-weight: inherit; |
|---|
| | | } |
|---|
| | | address, |
|---|
| | | cite, |
|---|
| | | dfn, |
|---|
| | | em, |
|---|
| | | var { |
|---|
| | | font-style: normal; |
|---|
| | | } /* 将斜体扶正 */ |
|---|
| | | /* link */ |
|---|
| | | a { |
|---|
| | | color: #3d68e1; |
|---|
| | | text-decoration: none; |
|---|
| | | } |
|---|
| | | a:hover { |
|---|
| | | color: #2249b4; |
|---|
| | | text-decoration: underline; |
|---|
| | | } |
|---|
| | | .fade-enter-active, |
|---|
| | | .fade-leave-active { |
|---|
| | | transition: opacity 0.5s; |
|---|
| | | } |
|---|
| | | .fade-enter, |
|---|
| | | .fade-leave-active { |
|---|
| | | opacity: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ |
|---|
| | | ::-webkit-scrollbar { |
|---|
| | | width: 8px; |
|---|
| | | height: 8px; |
|---|
| | | background-color: #f5f5f5; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*定义滚动条轨道 内阴影+圆角*/ |
|---|
| | | ::-webkit-scrollbar-track { |
|---|
| | | box-shadow: inset 0 0 3px rgba(122, 120, 120, 0.3); |
|---|
| | | border-radius: 5px; |
|---|
| | | background-color: #f5f5f5; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*定义滑块 内阴影+圆角*/ |
|---|
| | | ::-webkit-scrollbar-thumb { |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: inset 0 0 3px rgba(245, 243, 243, 0.3); |
|---|
| | | background-color: rgba(160, 158, 158, 0.8); |
|---|
| | | } |
|---|
| | | .fade-enter-active, |
|---|
| | | .fade-leave-active { |
|---|
| | | transition: opacity 0.5s; |
|---|
| | | } |
|---|
| | | .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ { |
|---|
| | | opacity: 0; |
|---|
| | | } |
|---|
| | | .window { |
|---|
| | | z-index: 10 !important; |
|---|
| | | } |
|---|
| | | .el-card__body { |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .is-dark { |
|---|
| | | background: #00000090 !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-tooltip__popper { |
|---|
| | | border-radius: 0px; |
|---|
| | | padding: 5px 10px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { |
|---|
| | | border-bottom-color: #20202090; |
|---|
| | | } |
|---|
| | | .atooltip.el-tooltip__popper[x-placement^="bottom"] .popper__arrow:after { |
|---|
| | | border-bottom-color: #68666690; |
|---|
| | | } |
|---|
| | | .atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow { |
|---|
| | | border-top-color: #20202090; |
|---|
| | | } |
|---|
| | | .atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow:after { |
|---|
| | | border-top-color: #68666690; |
|---|
| | | } |
|---|
| | | .atooltip.el-tooltip__popper[x-placement^="left"] .popper__arrow { |
|---|
| | | border-left-color: #20202090; |
|---|
| | | } |
|---|
| | | .atooltip.el-tooltip__popper[x-placement^="left"] .popper__arrow:after { |
|---|
| | | border-left-color: #68666690; |
|---|
| | | } |
|---|
| | | .atooltip.el-tooltip__popper[x-placement^="right"] .popper__arrow { |
|---|
| | | border-right-color: #20202090; |
|---|
| | | } |
|---|
| | | .atooltip.el-tooltip__popper[x-placement^="right"] .popper__arrow:after { |
|---|
| | | border-right-color: #68666690; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-menu-vertical-demo { |
|---|
| | | overflow-y: hidden; |
|---|
| | | overflow-x: hidden; |
|---|
| | | } |
|---|
| | | .el-menu-vertical-demo::-webkit-scrollbar { |
|---|
| | | /*滚动条整体样式*/ |
|---|
| | | width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ |
|---|
| | | height: 4px; |
|---|
| | | } |
|---|
| | | .el-menu-vertical-demo::-webkit-scrollbar-thumb { |
|---|
| | | /*滚动条里面小方块*/ |
|---|
| | | border-radius: 5px; |
|---|
| | | box-shadow: inset 0 0 5px rgba(157, 165, 183, 0); |
|---|
| | | -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0); |
|---|
| | | background: rgb(202, 201, 201); |
|---|
| | | } |
|---|
| | | .el-menu-vertical-demo::-webkit-scrollbar-track { |
|---|
| | | /*滚动条里面轨道*/ |
|---|
| | | box-shadow: inset 0 0 5px rgba(157, 165, 183, 0); |
|---|
| | | -webkit-box-shadow: inset 0 0 5px rgba(157, 165, 183, 0); |
|---|
| | | border-radius: 0; |
|---|
| | | background: rgb(255, 255, 255); |
|---|
| | | } |
|---|
| | | .el-menu-vertical-demo::-webkit-scrollbar-thumb:hover { |
|---|
| | | background: rgba(0, 0, 0, 0.4); |
|---|
| | | } |
|---|
| | | .el-menu-vertical-demo:hover { |
|---|
| | | overflow-y: visible; |
|---|
| | | overflow-x: hidden; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-dropdown-menu__item:focus, |
|---|
| | | .el-dropdown-menu__item:not(.is-disabled):hover { |
|---|
| | | background: rgba(61, 104, 225, 0.5); |
|---|
| | | color: #fff; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 控制下拉菜单显示6个 */ |
|---|
| | | .el-dropdown-menu { |
|---|
| | | border-radius: 0px; |
|---|
| | | max-height: 205px; |
|---|
| | | overflow: auto; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-range-editor.el-input__inner { |
|---|
| | | border-radius: 2px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .el-message-box .el-message-box__btns .el-button--primary{ |
|---|
| | | background-color:#3d68e1; |
|---|
| | | border-color:#3d68e1; |
|---|
| | | } |
|---|
| | | .el-message-box .el-message-box__btns .el-button--primary:hover{ |
|---|
| | | background-color:#2249b4; |
|---|
| | | border-color:#2249b4; |
|---|
| | | } |
|---|
| | | .btn-icon { |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .btn-icon:hover { |
|---|
| | | filter: drop-shadow(0 0 0 #fff); |
|---|
| | | opacity: 0.8; |
|---|
| | | } |
|---|
| | | .clearfix::after{ |
|---|
| | | content: ''; |
|---|
| | | display: block; |
|---|
| | | height: 0; |
|---|
| | | clear: both; |
|---|
| | | } |
|---|
| | | .mb10 { |
|---|
| | | margin-bottom: 10px; |
|---|
| | | } |
|---|
| | | .mt15 { |
|---|
| | | margin-top: 15px; |
|---|
| | | } |
|---|
| | | .pl20 { |
|---|
| | | padding-left: 20px; |
|---|
| | | } |
|---|
| | | .cursor-pointer{ |
|---|
| | | cursor: pointer; |
|---|
| | | } |
|---|
| | | /* .flex-box{ |
|---|
| | | display: flex; |
|---|
| | | } */ |
|---|
| | | .el-button--primary { |
|---|
| | | color: #FFFFFF; |
|---|
| | | background-color: #3D68E1!important; |
|---|
| | | border-color: #3D68E1!important; |
|---|
| | | } |
|---|
| | | .el-button--primary:hover,.el-button--primary:focus { |
|---|
| | | background: #2249b4!important; |
|---|
| | | border-color: #2249b4!important; |
|---|
| | | } |
|---|
| | | /* .el-input>input,.el-date-editor.el-input__inner{ |
|---|
| | | border-color: #dcdfe6!important; |
|---|
| | | } */ |
|---|
| | | /* .el-date-editor.el-input__inner:focus{ |
|---|
| | | border-color: #2249b4!important; |
|---|
| | | } */ |
|---|
| | | /* .el-input>input:focus{ |
|---|
| | | border-color: #3D68E1!important; |
|---|
| | | } |
|---|
| | | .el-input__inner:focus { |
|---|
| | | outline: none!important; |
|---|
| | | border-color: #3D68E1!important; |
|---|
| | | } */ |
|---|
| | | .el-select-dropdown__list{ |
|---|
| | | text-align: left; |
|---|
| | | } |
|---|
| | | .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before{ |
|---|
| | | margin-left: -8px!important; |
|---|
| | | margin-right: 0; |
|---|
| | | } |
|---|
| | | .el-input.is-disabled .el-input__suffix{ |
|---|
| | | visibility: hidden; |
|---|
| | | } |
|---|
| | | </style> |
|---|
| | | |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | <noscript> |
|---|
| | | <strong>We're sorry but multiple-pages doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> |
|---|
| | | <strong |
|---|
| | | >We're sorry but multiple-pages doesn't work properly without JavaScript |
|---|
| | | enabled. Please enable it to continue.</strong |
|---|
| | | > |
|---|
| | | </noscript> |
|---|
| | | <div id="app"></div> |
|---|
| | | <!-- built files will be auto injected --> |
|---|
