html{ height:100% } body{ margin:0; font-size:14px; font-family: "PingFang SC"; min-width:1200px; min-height:900px; height:100%; } .el-container{ height:100%; border: 1px solid #eee; } ul{ list-style:none; } .imageListSelect{ /* border: 1px solid #909399; */ /*box-shadow: 0 2px 6px #ADADAD;*/ border:2px solid #fa7857 !important; } .aside{ border-right:1px solid #eee; border-bottom: 1px solid #eee; height:100% } .aside .header{ height:40px; background-color: #eaeaea; line-height: 40px; padding-left:20px; /* margin-top:10px; */ color:#09aaff; } .scroll::-webkit-scrollbar{ width: 8px; height: 8px; } /* 设置滚动条的滑轨 */ .scroll::-webkit-scrollbar-track { background-color: #eaeaea; } /* 滑块 */ .scroll::-webkit-scrollbar-thumb { /* background-color: rgba(0, 0, 0, 0.6); */ background-color: #cdcdcd; border-radius: 4px; } /* 滑轨两头的监听按钮 */ .scroll::-webkit-scrollbar-button { /* background-color: #444; */ background-color: #cdcdcd; display: none; } .el-container .el-header{ border-bottom: 1px solid #eee; } .el-container .el-header .iconContainer{ width:100%; text-align: center; height:35px } .el-container .el-header .menus{ width: 100%; text-align: center; font-size:14px } .el-container .el-header .menuContainer{ float:left; margin-left: 15px; } .el-container .el-header .menuContainer ul{ padding-left:10px; } .el-container .el-header ul li{ float:left; padding-left:20px; cursor: pointer; } .el-container .el-header .menuRight{ float:right; } .el-container .el-header .menuRight ul li{ padding-right:20px; float:right; cursor: pointer; } .el-container .el-header .menuRight .iconContainer{ height:28px; } .el-main{ height:100%; padding:0px; position: relative; overflow: hidden; } .el-main .opt{ width:58px; height:100%; border-right:1px solid #eee; float:left; background-color: #eaeaea; } .el-main .opt .active{ border-radius: 4px; border: 1px solid #fff; background-color: #cecece; margin-left: 4px; margin-right: 4px; } .image-container{ overflow: auto; height:100%; box-sizing:border-box; margin:auto } .el-main .opt ul li{ cursor: pointer; text-align: center; line-height:16px; padding-top:4px } .mask{ background-color:rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .mask .messageBox { width: 500px; border-radius: 3px; position: fixed; left: 50%; top: 45%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; padding: 15px; } .mask .messageBox .title { border-radius: 3px; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 16px; } .mask .messageBox .title .closeReport { float: right; cursor: pointer; } .canvas-container{ margin:0 auto; } .el-dropdown-link { cursor: pointer; color: #409EFF; } .el-icon-arrow-down { font-size: 12px; }