@ctmobile/ui-cascadecompared/umd/index.css

支持移动端的UI组件-CascadeCompared

.ct-stickuplayout,
.ct-stickuplayout .ct-stickuplayout-inner {
  margin: 0;
  padding: 0;
  height: 100%;
}
.ct-stickuplayout {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.ct-stickuplayout .ct-stickuplayout-inner {
  position: relative;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-scrolling: touch;
}
.ct-stickuplayout .ct-stickuplayout-inner .ct-stickuplayout-item-content {
  position: relative;
}
.ct-stickuplayout .ct-stickuplayout-fixed {
  position: absolute;
  background-color: #fff;
  width: 100%;
  top: 0;
  z-index: 2;
}
.ct-stickuplayout-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: transparent;
  display: none;
}
.ct-cascadecompared {
  display: flex;
  flex-direction: column;
}
.ct-cascadecompared > .ct-cascadecompared-indicator {
  position: relative;
  height: 6rem;
  flex-shrink: 0;
}
.ct-cascadecompared > .ct-cascadecompared-master {
  display: flex;
  position: relative;
  width: 100%;
  flex-grow: 1;
  min-height: 0;
}
.ct-cascadecompared > .ct-cascadecompared-master > .ct-cascadecompared-master-inner {
  overflow: hidden;
}
.ct-cascadecompared .ct-cascadecompared-fixedWrap {
  width: 6rem;
  position: absolute;
  z-index: 1;
  height: 100%;
}
.ct-cascadecompared .ct-cascadecompared-fixedWrap > .ct-cascadecompared-item {
  width: 100%;
}
.ct-cascadecompared .ct-cascadecompared-autoWrap {
  margin-left: 6rem;
  overflow: hidden;
  height: 100%;
}
.ct-cascadecompared .ct-cascadecompared-autoWrap > div {
  display: inline-block;
}
.ct-cascadecompared .ct-cascadecompared-item {
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  height: 3rem;
}
.ct-cascadecompared .ct-cascadecompared-item > .ct-cascadecompared-cell {
  width: 6rem;
  display: inline-block;
  box-sizing: border-box;
  overflow: auto;
}
/*值和项下的单元格*/
.ct-cascadecompared .ct-cascadecompared-fixedWrap .ct-cascadecompared-item > .ct-cascadecompared-cell,
.ct-cascadecompared .ct-cascadecompared-autoWrap .ct-cascadecompared-item > .ct-cascadecompared-cell {
  width: 6rem;
  height: 100%;
  font-size: 16px;
  word-break: break-all;
  word-wrap: break-word;
  text-align: center;
  white-space: inherit;
}
.ct-cascadecompared .ct-cascadecompared-fixedWrap .ct-cascadecompared-item > .ct-cascadecompared-cell .ct-cascadecompared-cellInner,
.ct-cascadecompared .ct-cascadecompared-autoWrap .ct-cascadecompared-item > .ct-cascadecompared-cell .ct-cascadecompared-cellInner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
/*头的行和单元格*/
.ct-cascadecompared .ct-cascadecompared-indicator .ct-cascadecompared-item,
.ct-cascadecompared .ct-cascadecompared-indicator .ct-cascadecompared-item > .ct-cascadecompared-cell {
  height: 100%;
}
/*项下的单元格*/
.ct-cascadecompared .ct-cascadecompared-fixedWrap .ct-cascadecompared-item > .ct-cascadecompared-cell {
  width: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
/*不是最后一行才有*/
.ct-cascadecompared .ct-cascadecompared-item:not(:last-child) > .ct-cascadecompared-cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ct-cascadecompared .ct-cascadecompared-item:not(:last-child) > .ct-cascadecompared-cell,
.ct-cascadecompared .ct-cascadecompared-indicator .ct-cascadecompared-item > .ct-cascadecompared-cell,
.ct-cascadecompared .ct-cascadecompared-autoWrap .ct-cascadecompared-item > .ct-cascadecompared-cell {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}