web-plus-ui/dist/style.css

vue3+vite+ts+element-plus 组件库

.lazy-cascader{display:inline-block;width:300px}.lazy-cascader .lazy-cascader-input{position:relative;width:100%;background:#fff;height:auto;min-height:34px;padding:5px;line-height:1;cursor:pointer}.lazy-cascader .lazy-cascader-input>.lazy-cascader-placeholder{padding:0 10px;line-height:24px;color:#999;font-size:14px}.lazy-cascader .lazy-cascader-input>.lazy-cascader-label{padding:0 2px;line-height:28px;color:#606266;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lazy-cascader .lazy-cascader-input>.lazy-cascader-clear{position:absolute;right:0;top:0;display:inline-block;width:40px;height:40px;text-align:center;line-height:40px}.lazy-cascader .lazy-cascader-input-disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed}.lazy-cascader .lazy-cascader-input-disabled>.lazy-cascader-label{color:#c0c4cc}.lazy-cascader .lazy-cascader-input-disabled>.lazy-cascader-placeholder{color:#c0c4cc}.lazy-cascader-tag{display:inline-flex;align-items:center;max-width:100%;margin:2px;text-overflow:ellipsis;background:#f0f2f5}.lazy-cascader-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis}.lazy-cascader-tag>.el-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:#c0c4cc;color:#fff}.lazy-cascader-panel{display:inline-block}.suggestions-popper-class{width:auto!important;min-width:200px}.lazy-cascader-search .empty{width:calc(100% - 24px);box-sizing:border-box;background-color:#fff;color:#999;text-align:center;position:absolute;z-index:999;padding:12px 0;margin-top:12px;box-shadow:0 2px 12px #0000001a}.lazy-cascader-search .empty:before{content:"";position:absolute;top:-12px;left:36px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid transparent;border-bottom:6px solid #fff;filter:drop-shadow(0 -1px 2px rgba(0,0,0,.02))}.EsForm[data-v-0aed2f56]{padding-bottom:0}.EsForm .contents[data-v-0aed2f56]{display:contents}.EsForm .grid[data-v-0aed2f56]{display:grid}.EsForm .block[data-v-0aed2f56]{display:block}.EsForm .clearfix[data-v-0aed2f56]{display:block;content:"";overflow:hidden;clear:both}.EsForm[data-v-0aed2f56] .el-form{display:contents}.EsForm[data-v-0aed2f56] .el-form-item__label{font-family:PingFangSC-Regular;font-size:14px;color:#4a4a4a}.EsForm[data-v-0aed2f56] .el-form-item__content,.EsForm[data-v-0aed2f56] .el-input,.EsForm[data-v-0aed2f56] .el-select,.EsForm[data-v-0aed2f56] .el-date-editor,.EsForm[data-v-0aed2f56] .el-cascader,.EsForm[data-v-0aed2f56] .el-autocomplete{display:flex;flex:1}.el-selects[data-v-0aed2f56] .el-input__inner{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width: 700px){.mobile[data-v-0aed2f56] .el-form-item{display:flex;flex-direction:column}.mobile[data-v-0aed2f56] .el-form-item__label{text-align:left}.mobile[data-v-0aed2f56] .el-form-item__content{margin-left:0!important}}@media screen and (min-width: 700px){.pc[data-v-0aed2f56] .el-form-item{display:flex;flex-direction:column}.pc[data-v-0aed2f56] .el-form-item__label{text-align:left}.pc[data-v-0aed2f56] .el-form-item__content{margin-left:0!important}}@media screen and (max-width: 700px){.el-picker-panel{left:0!important;width:100%!important;overflow-x:auto}}.el-popover{color:#e6a23c}.EssentialContainer{width:100%;background:#FFFFFF;box-shadow:4px 4px 10px #dadada80;margin-bottom:6px}.EssentialContainer .el-row{list-style-type:none}.EssentialContainer [class*=el-col-]{display:inline-block;vertical-align:top;float:none}.EssentialContainer .title{width:100%;height:58px;line-height:58px;font-size:16px;color:#4a4a4a;font-weight:500;border-bottom:2px solid #F8F9FA;position:relative;padding:0 30px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.EssentialContainer .title .border{width:5px;height:17px;position:absolute;left:16px;top:0;bottom:0;margin:auto;background-image:linear-gradient(270deg,#79BAF8 0%,#1695FA 100%);border-radius:2.5px;display:inline-block}.EssentialContainer .context,.EssentialContainer .context_d{width:100%;padding:30px;box-sizing:border-box}.EssentialContainer-m{width:100%;background:#FFFFFF;margin-bottom:4px;box-shadow:4px 4px 10px #dadada80}.EssentialContainer-m .title{height:45px;line-height:40px;font-size:15px;color:#4a4a4a;font-weight:500;border:2px solid #F8F9FA;position:relative;padding:0 20px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.EssentialContainer-m .title .border{width:4px;height:14px;position:absolute;left:10px;top:-1px;bottom:0;margin:auto;background-image:linear-gradient(270deg,#FF9600 0%,#FFB400 100%);border-radius:2.5px;display:inline-block}.EssentialContainer-m .context{width:100%;padding:20px 30px;box-sizing:border-box}.EssentialContainer-m .context_d{width:100%}.DetailItem{width:100%;padding:0 15px 10px;box-sizing:border-box}.DetailItem .detail-title{font-size:13px;color:#9e9e9e;font-weight:400;padding-right:16px;box-sizing:border-box;padding-bottom:6px;line-height:36px}.DetailItem .detail-value{font-size:14px;color:#333;font-weight:500;overflow-wrap:break-word}.DetailItem-m{width:100%;padding:10px 14px;box-sizing:border-box;border-bottom:1px solid #f8f9fa}.DetailItem-m .detail-title{width:100%;font-size:12px;color:#666;font-weight:400;text-align:left;padding-right:15px;padding-bottom:10px;box-sizing:border-box}.DetailItem-m .detail-value{width:100%;font-size:14px;font-weight:400}.EsTable[data-v-44530302]{background:#FFFFFF;overflow:hidden}.EsTable[data-v-44530302] .emptyText{color:#7fffd4;font-weight:700;font-size:20px}.operation[data-v-135f4adc]{flex:1;text-align:left;position:relative;z-index:10}.operation .operation-main[data-v-135f4adc]{width:100px;height:28px;line-height:28px;border-radius:25px;text-align:center;background:#649CEE;color:#fff;font-size:13px;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;user-select:none}.operation .operation-main[data-v-135f4adc]:hover{cursor:pointer}.operation .operation-main[data-v-135f4adc]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:inherit}.operation .operation-list[data-v-135f4adc]{width:100%;position:absolute;bottom:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.operation .operation-list .ol[data-v-135f4adc]{position:relative}.operation .operation-list .ol .ol-icon[data-v-135f4adc]{width:32px;height:32px;line-height:36px;text-align:center;overflow:hidden;background:#649CEE;border-radius:100%;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;color:#fff;margin:12px 0}.operation .operation-list .ol span[data-v-135f4adc]{position:absolute;left:40px;top:0;font-size:10px;color:#fafafa;background:#757575;display:inline;padding:4px 6px;border-radius:6px}.operation .operation-list[data-v-135f4adc]:hover{cursor:pointer}.el-pagination[data-v-135f4adc]{flex:6}.operation-m[data-v-135f4adc]{flex:1;text-align:left;position:relative;z-index:10}.operation-m .operation-main[data-v-135f4adc]{width:25px;height:25px;line-height:25px;border-radius:25px;text-align:center;background:#649CEE;color:#fff;font-size:13px;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f}.operation-m .operation-main span[data-v-135f4adc]{display:none}.operation-m .operation-main[data-v-135f4adc]:hover{cursor:pointer}.operation-m .operation-main[data-v-135f4adc]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:inherit}.operation-m .operation-list[data-v-135f4adc]{position:absolute;bottom:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.operation-m .operation-list .ol[data-v-135f4adc]{position:relative}.operation-m .operation-list .ol .ol-icon[data-v-135f4adc]{width:32px;height:32px;line-height:32px;text-align:center;overflow:hidden;background:#649CEE;border-radius:100%;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;color:#fff;margin:12px 0}.operation-m .operation-list .ol span[data-v-135f4adc]{min-width:max-content;position:absolute;left:40px;top:6px;font-size:10px;color:#fafafa;background:#757575;display:inline;padding:4px 6px;border-radius:6px}.operation-m .operation-list[data-v-135f4adc]:hover{cursor:pointer}.pagination-container[data-v-a55138b6]{background:#fff;padding:18px 32px;box-sizing:border-box;text-align:right;display:flex}.pagination-container .operation[data-v-a55138b6]{flex:1;text-align:left;position:relative;z-index:10}.pagination-container .operation .operation-main[data-v-a55138b6]{width:100px;height:28px;line-height:28px;border-radius:25px;text-align:center;background:#649CEE;color:#fff;font-size:13px;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f}.pagination-container .operation .operation-main[data-v-a55138b6]:hover{cursor:pointer}.pagination-container .operation .operation-main[data-v-a55138b6]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:inherit}.pagination-container .operation .operation-list[data-v-a55138b6]{width:100%;position:absolute;bottom:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pagination-container .operation .operation-list .ol[data-v-a55138b6]{position:relative}.pagination-container .operation .operation-list .ol .ol-icon[data-v-a55138b6]{width:32px;height:32px;line-height:32px;text-align:center;overflow:hidden;background:#649CEE;border-radius:100%;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;color:#fff;margin:12px 0}.pagination-container .operation .operation-list .ol span[data-v-a55138b6]{position:absolute;left:40px;top:6px;font-size:10px;color:#fafafa;background:#757575;display:inline;padding:4px 6px;border-radius:6px}.pagination-container .operation .operation-list[data-v-a55138b6]:hover{cursor:pointer}.pagination-container .el-pagination[data-v-a55138b6]{flex:6}.pagination-container-m[data-v-a55138b6]{padding:16px;box-sizing:border-box;text-align:center;display:flex}.pagination-container-m .operation[data-v-a55138b6]{flex:1;text-align:left;position:relative;z-index:10}.pagination-container-m .operation .operation-main[data-v-a55138b6]{width:25px;height:25px;line-height:25px;border-radius:25px;text-align:center;background:#649CEE;color:#fff;font-size:13px;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f}.pagination-container-m .operation .operation-main span[data-v-a55138b6]{display:none}.pagination-container-m .operation .operation-main[data-v-a55138b6]:hover{cursor:pointer}.pagination-container-m .operation .operation-main[data-v-a55138b6]:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:inherit}.pagination-container-m .operation .operation-list[data-v-a55138b6]{position:absolute;bottom:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pagination-container-m .operation .operation-list .ol[data-v-a55138b6]{position:relative}.pagination-container-m .operation .operation-list .ol .ol-icon[data-v-a55138b6]{width:32px;height:32px;line-height:32px;text-align:center;overflow:hidden;background:#649CEE;border-radius:100%;box-shadow:0 1px 5px #0003,0 2px 2px #00000024,0 3px 1px -2px #0000001f;color:#fff;margin:12px 0}.pagination-container-m .operation .operation-list .ol span[data-v-a55138b6]{min-width:max-content;position:absolute;left:40px;top:6px;font-size:10px;color:#fafafa;background:#757575;display:inline;padding:4px 6px;border-radius:6px}.pagination-container-m .operation .operation-list[data-v-a55138b6]:hover{cursor:pointer}.pagination-container-m .el-pagination[data-v-a55138b6]{flex:4}.pagination-container.hidden[data-v-a55138b6]{display:none}@media screen and (max-width: 700px){.pagination-container-m[data-v-a55138b6] .el-pagination{overflow-x:auto}}