aos-element/lib/theme-chalk/aos-files.css

A Component Library for Vue.js.

.aos-files__left,.aos-files__tree,.aos-files__tree-search{width:262px;background-color:#fff}.aos-files__hint>i,.aos-files__operation i{margin-right:4px}.aos-files{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:#eee}.aos-files__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px 12px}.aos-files__tree-search{-webkit-box-sizing:border-box;box-sizing:border-box}.aos-files__tree{padding-top:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.aos-files__tree .el-tree-node{width:262px}.aos-files__container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:12px;background-color:#fff}.aos-files__operation{height:48px;background:#EAF0FE;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:20px}.aos-files__operation .el-checkbox__label{font-size:12px}.aos-files__operation-button{margin-left:30px;font-size:12px;color:#222}.aos-files__file-item-button,.aos-files__operation-button:hover{color:#409EFF}.aos-files__main{padding:16px 20px 20px;background-color:#fff}.aos-files__hint{font-size:12px;padding-bottom:20px}.aos-files__file{width:100%}.aos-files__file-item{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.aos-files__file-item-container{margin-right:28px;margin-bottom:20px}.aos-files__file-item-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.aos-files__file-item-body{position:relative;width:140px;height:104px}.aos-files__file-item-body .el-upload,.aos-files__file-item-body .el-upload .el-upload-dragger{width:100%;height:100%}.aos-files__file-item-body .el-upload .el-upload-dragger .el-icon-upload{font-size:40px;line-height:1.5;margin:0}.aos-files__file-item-body .el-upload .el-upload-dragger .el-upload__text{font-size:12px}.aos-files__file-item-detail{width:140px;height:104px;border:1px solid #ECECEC;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-y:hidden}.aos-files__file-item-detail>img{width:100%}.aos-files__file-item-detail--checked{border:1px solid #FF3B30}.aos-files__file-item-name{width:140px;margin-top:10px;font-size:12px;color:#666;word-break:break-all;height:64px}.aos-files__file-item-check{position:absolute;top:-1px;left:0}.aos-files__file-item-operation{display:none;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;right:0;height:26px;bottom:0;background-color:#020202;opacity:.38;padding:0 26px;color:#fff;font-size:13px}.aos-files__file-item-operation-delete{color:#fff;cursor:pointer}.aos-files__file-item-operation-download{color:#409EFF;cursor:pointer}.aos-files__file-item-body:hover .aos-files__file-item-operation{display:-webkit-box;display:-ms-flexbox;display:flex}.aos-files__required:before{content:'*';color:#F56C6C;margin-right:4px}.aos-files .aos-img-viewer{position:relative}.aos-files .aos-img-viewer-container{width:800px;height:800px}.aos-files__video{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clearfix::after,.clearfix::before{display:table;content:""}.clearfix::after{clear:both}.aos-img-viewer-container{width:800px;height:800px;position:fixed;top:0;bottom:0;left:400px;right:0}