From f6571b7877dc749ad83c01e748653cfa13f2308f Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期一, 19 十月 2020 17:15:19 +0800
Subject: [PATCH] 调整底库管理页面的样式
---
public/index.html | 367 +++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 357 insertions(+), 10 deletions(-)
diff --git a/public/index.html b/public/index.html
index 99c20cc..577320a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,21 +1,368 @@
<!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 -->
--
Gitblit v1.8.0