From d259bd9cf2943926d1c8078ee0ce70a0aa1afef3 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期四, 06 八月 2020 09:58:38 +0800 Subject: [PATCH] 实时监控/摄像机配置/数据栈配置布局调整,应用窗口调整,算法管理更换为应用中心 --- public/index.html | 308 ++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 290 insertions(+), 18 deletions(-) diff --git a/public/index.html b/public/index.html index a862cfd..095ad5a 100644 --- a/public/index.html +++ b/public/index.html @@ -11,31 +11,303 @@ 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%; + } + .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; } - .clearfix::after{ - content: ''; - display: block; - height: 0; - clear: both; + .el-button--danger:hover, + .el-button--danger:focus { + background: #d22929; + border-color: #d22929; } - .ml10{ - margin-left: 10px; + + .el-button--info { + color: #222222; } - .mr10{ - margin-right: 10px; + .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; + } + + .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; + } </style> + </head> <body> <noscript> -- Gitblit v1.8.0