wl-workflow/wl-workflow.css

审批模块

.add-node-btn-box[data-v-612f8e63]{width:240px;display:inline-flex;flex-shrink:0;-webkit-box-flex:1;-ms-flex-positive:1;position:relative}.add-node-btn-box[data-v-612f8e63]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;margin:auto;width:2px;height:100%;background-color:#cacaca}.add-node-btn-box .add-node-btn[data-v-612f8e63]{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:240px;padding:20px 0 32px;display:flex;justify-content:center;flex-shrink:0;flex-grow:1}.add-node-btn-box .add-node-btn .btn[data-v-612f8e63]{outline:none;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);width:30px;height:30px;background:#3296fa;border-radius:50%;position:relative;border:none;line-height:30px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.add-node-btn-box .add-node-btn .btn .iconfont[data-v-612f8e63]{color:#fff;font-size:16px}.add-node-btn-box .add-node-btn .btn[data-v-612f8e63]:hover{transform:scale(1.3);box-shadow:0 13px 27px 0 rgba(0,0,0,.1)}.add-node-btn-box .add-node-btn .btn[data-v-612f8e63]:active{transform:none;background:#1e83e9;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.add-node-popover-body{display:flex}.add-node-popover-body .add-node-popover-item{margin-right:10px;cursor:pointer;text-align:center;flex:1;color:#191f25!important}.add-node-popover-body .add-node-popover-item .item-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;width:80px;height:80px;margin-bottom:5px;background:#fff;border:1px solid #e2e2e2;border-radius:50%;transition:all .3s cubic-bezier(.645,.045,.355,1)}.add-node-popover-body .add-node-popover-item .item-wrapper .iconfont{font-size:35px;line-height:80px}.add-node-popover-body .add-node-popover-item.approver .item-wrapper{color:#ff943e}.add-node-popover-body .add-node-popover-item.notifier .item-wrapper{color:#3296fa}.add-node-popover-body .add-node-popover-item.condition .item-wrapper{color:#15bc83}.add-node-popover-body .add-node-popover-item:hover .item-wrapper{background:#3296fa;box-shadow:0 10px 20px 0 rgba(50,150,250,.4)}.add-node-popover-body .add-node-popover-item:hover .iconfont{color:#fff}.add-node-popover-body .add-node-popover-item:active .item-wrapper{box-shadow:none;background:#eaeaea}.add-node-popover-body .add-node-popover-item:active .iconfont{color:inherit}.error_tip{position:absolute;top:0;right:0;transform:translate(150%);font-size:24px}.promoter_person .el-dialog__body{padding:10px 20px 14px 20px}.selected_list{margin-bottom:20px;line-height:30px}.selected_list span{margin-right:10px;padding:3px 6px 3px 9px;line-height:12px;white-space:nowrap;border-radius:2px;border:1px solid #dcdcdc}.selected_list img{margin-left:5px;width:7px;height:7px;cursor:pointer}