$borderWidth: 1px; $borderColor: #ccc; $hoverColor: #409EFF; $w: 800px; $radiusWidth: 4px; $size3: 23px; .saga-size3 { font-size: $size3; } .select-bg { background-color: $hoverColor; } .saga-border { border: $borderWidth solid $borderColor; box-sizing: border-box; border-radius: $radiusWidth; } .el-dialog__body { padding: 0; } body .htFiltersConditionsMenu:not(.htGhostTable) { z-index: 4070; } .border-hover {} .border-hover:hover { border-color: $hoverColor; } .saga-dashed-border { border: $borderWidth dashed $borderColor; border-radius: $radiusWidth; } .flex { display: flex; justify-content: space-around; } .saga-fill { width: 100%; height: 100%; } .margin5 { margin: 18px 18px 18px 10px; } .dcenter { margin-left: auto; margin-right: auto; } .h1 { font-size: 24px; color: #8E9CC1; } .h3 { font-size: 14px; color: #333; } .h5 { font-size: 12px; color: #999; } .center { text-align: center; } .padding10 { padding: 10px; } .bg-F5 { background: #F5FCFF; } .block { display: block; } .w { width: $w; } .h100 { height: 100%; } .p-over2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //这儿的数字代表的就是你所需要实现效果的第N行 -webkit-box-orient: vertical; overflow-wrap: break-word; } .pointer { cursor: pointer; } @media screen and (max-width: 1200px) { .w { width: 560px; } html { overflow-x: auto; overflow-y: auto; } }