public_sc_admin_component
Version:
public_sc_admin_component 组件/模块
1 lines • 5.42 kB
CSS
.fadebug-enter-active,.fadebug-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fadebug-enter,.fadebug-leave-to{opacity:0}.selectUser{position:fixed;width:100%;height:100%;top:0;background:rgba(0,0,0,.3);z-index:99;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.selectUser .close{position:absolute;width:100%;z-index:1;left:0;top:0;bottom:0}.selectUser .alt{position:fixed;background:#fff;-webkit-box-shadow:0 0 10px 0 #aaa;box-shadow:0 0 10px 0 #aaa;z-index:3;border-radius:5px;font-size:13px;padding:5px}.selectUser .box{width:840px;height:650px;background:#fff;border-radius:10px;position:relative;z-index:2}.selectUser .box .title{font-size:16px;font-weight:600;text-align:center;line-height:60px;margin:20px 0 0}.selectUser .box .chooseBox{width:740px;margin-left:50px;height:500px;color:#666}.selectUser .box .chooseBox>div{width:360px;height:100%;border-radius:10px;background:#fafafa;float:left}.selectUser .box .chooseBox .left{margin-right:20px;position:relative}.selectUser .box .chooseBox .left>div{-webkit-box-sizing:border-box;box-sizing:border-box}.selectUser .box .chooseBox .left .slider{position:absolute;top:119px;width:4px;height:20px;border-radius:4px;background:#c0c4cc;right:0}.selectUser .box .chooseBox .left .lefTit{padding:0 20px;font-size:14px;border-bottom:1px solid #eee;line-height:40px;overflow:hidden}.selectUser .box .chooseBox .left .lefTit>div{cursor:pointer;float:left;width:80px;text-align:center}.selectUser .box .chooseBox .left .lefTit>div .bottom{border-bottom:0 solid #409eff;width:40px;margin-left:20px}.selectUser .box .chooseBox .left .lefTit>div .active{border-bottom:2px solid #409eff}.selectUser .box .chooseBox .left .lefSearch{position:absolute;bottom:384px;width:360px;top:40px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.selectUser .box .chooseBox .left .lefSearch>div{float:left}.selectUser .box .chooseBox .left .lefSearch .search{width:70%;margin:3px 0}.selectUser .box .chooseBox .left .lefSearch .search>div{width:90%}.selectUser .box .chooseBox .left .lefSearch .search>div>div{background:#fff}.selectUser .box .chooseBox .left .lefSearch .search input{line-height:30px;height:30px;border-right:0;width:100%}.selectUser .box .chooseBox .left .lefSearch .search .el-input__inner:focus,.selectUser .box .chooseBox .left .lefSearch .search .el-input__inner:hover{border-color:#dcdfe6}.selectUser .box .chooseBox .left .lefSearch .btnSearch{width:30%}.selectUser .box .chooseBox .left .lefSearch .btnSearch p{float:left;font-size:14px;line-height:36px;width:50%;text-align:right;cursor:pointer}.selectUser .box .chooseBox .left .lefSelect{position:absolute;bottom:20px;width:360px;top:116px;padding:0 20px;overflow:auto;scrollbar-width:none}.selectUser .box .chooseBox .left .lefSelect .el-tree-node__content{height:40px}.selectUser .box .chooseBox .left .lefSelect .el-tree-node__content>.el-tree-node__label{width:240px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectUser .box .chooseBox .left .lefSelect .el-checkbox{position:absolute;right:0;margin:0}.selectUser .box .chooseBox .left .lefSelect .el-tree-node__content>.el-tree-node__expand-icon{padding-left:0}.selectUser .box .chooseBox .left .lefSelect .el-tree-node__content>.el-tree-node__expand-icon.is-leaf{color:#fafafa}.selectUser .box .chooseBox .left .lefSelect .doc .is-leaf{color:#fff}.selectUser .box .chooseBox .left .lefSelect .is-disabled{display:none}.selectUser .box .chooseBox .left .lefSelect::-webkit-scrollbar{display:none}.selectUser .box .chooseBox .right{position:relative}.selectUser .box .chooseBox .right .rigTit{padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;border-bottom:1px solid #eee;line-height:40px}.selectUser .box .chooseBox .right .rigTit .empty{display:inline;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:30px}.selectUser .box .chooseBox .right .rigContent{position:absolute;bottom:0;width:100%;top:40px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.selectUser .box .chooseBox .right .rigContent .child{overflow:auto;height:100%;width:100%;scrollbar-width:none}.selectUser .box .chooseBox .right .rigContent .child .childItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1px 4px;float:left;width:100px;background:#efefef;border:1px solid #ddd;border-radius:3px;margin:0 10px 15px 0;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box}.selectUser .box .chooseBox .right .rigContent .child .childItem p{display:inline}.selectUser .box .chooseBox .right .rigContent .child .childItem .name{width:80px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:25px}.selectUser .box .chooseBox .right .rigContent .child .childItem .del:hover{color:red}.selectUser .box .chooseBox .right .rigContent .child .childItem:nth-child(3n){margin-right:0}.selectUser .box .chooseBox .right .rigContent .child::-webkit-scrollbar{display:none}.selectUser .box .btnBox{text-align:right;padding:15px 50px}