index.wxss

/* pages/home/parents/index.wxss */

@import '../teacher/index.wxss'
.timeline-cell {
  /* position: relative; */
  /* height: 400rpx; */
  display: flex;
  flex-direction: row;
  /* background-color: rgb(149, 240, 198); */

}

.timeline-line-container {
  position: relative;
  /* background-color: white; */
  width: 30px;
  left: 0px;
  top: 0px;
  bottom: 0px;
  /* background-color: rgb(42, 110, 78); */
}

.timeline-line {
  position: absolute;
  background-color: #dcddde;
  /* background-color: red; */
  width: 2px;
  left: 15px;
  top: 0px;
  bottom: 0px;
}
/* 时间轴的圈圈 */
.timeline-cycle {
  position: absolute;
  width: 15px;
  height: 15px;
  left: calc((30px - 15px) / 2);
  top: 55rpx;
}

.timeline-content {
  flex-grow: 1;
  margin-top: 10px;
  margin-left: 4px;
  margin-bottom: 10px;
  margin-right: 10px;
  /* background-color: red; */
}

.timeline-content-detail {
  margin-left:60rpx;
  margin-right:60rpx;
  margin-bottom:10rpx;
}