@jiess/plus
Version:
基于Jiess核心库的强化与拓展,为Jiess应用的完整形态
109 lines (108 loc) • 2.69 kB
CSS
.single-line-ellipsis {
white-space: nowrap;
/* 不允许文本换行 */
overflow: hidden;
/* 隐藏溢出的内容 */
text-overflow: ellipsis;
/* 当发生溢出时显示省略号 */
}
.line-1-ellipsis {
display: -webkit-box;
/* 使用弹性盒子模型 */
-webkit-box-orient: vertical;
/* 设置子元素垂直堆叠 */
overflow: hidden;
/* 隐藏溢出的内容 */
-webkit-line-clamp: 1;
/* 显示的行数 */
text-overflow: ellipsis;
/* 当发生溢出时显示省略号 */
word-break: break-all;
}
.line-2-ellipsis {
display: -webkit-box;
/* 使用弹性盒子模型 */
-webkit-box-orient: vertical;
/* 设置子元素垂直堆叠 */
overflow: hidden;
/* 隐藏溢出的内容 */
-webkit-line-clamp: 2;
/* 显示的行数 */
text-overflow: ellipsis;
/* 当发生溢出时显示省略号 */
word-break: break-all;
}
.line-3-ellipsis {
display: -webkit-box;
/* 使用弹性盒子模型 */
-webkit-box-orient: vertical;
/* 设置子元素垂直堆叠 */
overflow: hidden;
/* 隐藏溢出的内容 */
-webkit-line-clamp: 3;
/* 显示的行数 */
text-overflow: ellipsis;
/* 当发生溢出时显示省略号 */
word-break: break-all;
}
.infinite-scroll-table table {
border-spacing: 0;
border-top: 1px solid #DCDFE6;
border-left: 1px solid #DCDFE6;
}
.infinite-scroll-table td,
.infinite-scroll-table th {
border-right: 1px solid #DCDFE6;
border-bottom: 1px solid #DCDFE6;
}
.jiess-space-item > .el-form-item {
width: 100%;
}
.jiess-space-item > .el-form-item .jiess-item {
width: 100%;
}
.no-padding-y .el-dialog__body {
padding: 0 20px;
}
.no-padding .el-dialog__body {
padding: 0;
}
.el-tabs__content {
overflow: unset;
}
.filter-layout {
display: flex;
align-items: center;
border-radius: 4px;
overflow: hidden;
border-top: 1px solid #EBEEF5;
border-bottom: 1px solid #EBEEF5;
background-color: white;
box-shadow: 0 2px 6px 0 #9993;
}
.filter-layout.no-expand > div:first-child {
padding-top: 18px;
border-radius: 4px;
}
.filter-layout .el-collapse {
flex: 1;
border-radius: 4px;
border-top: none;
border-bottom: none;
padding-right: 12px;
}
.filter-layout .el-collapse-item__header {
height: auto;
}
.filter-layout .el-collapse-item__content {
padding-bottom: 0;
}
.filter-layout .el-collapse-item__header .el-form .jiess-space-item > .el-form-item {
margin-top: 18px;
}
.filter-layout.divider .el-collapse-item__content {
border-top: 1px solid #EBEEF5;
}
.filter-layout.divider .el-collapse-item__content .el-form {
padding-top: 18px;
}