闫增涛
2024-03-15 cd98c69ff835643f518337ee9ab532885c647efb
pages/bookServices/examination/questionOptions/index.wxss
@@ -29,3 +29,159 @@
  --td-button-primary-active-bg-color: #ff984d;
  --td-button-primary-active-border-color: #ff984d;
}
/* 答题卡 */
.popup-block {
  width: 100vw;
  height: 700rpx;
  background: #fff;
  border-top-left-radius: 16rpx;
  border-top-right-radius: 16rpx;
}
.popup-header {
  display: flex;
  align-items: center;
  height: 116rpx;
}
.popup-title {
  color: #333;
  flex: 1;
  text-align: center;
  font-weight: 600;
  font-size: 36rpx;
}
.question-card-list {
  padding: 0 20rpx;
  height: 100%;
  overflow-y: auto;
}
.question-title {
  margin-top: 40rpx;
  display: flex;
  align-items: center;
}
.question-explain {
  padding-right: 40rpx;
  display: flex;
  justify-content: flex-end;
}
.explain-un-answered {
  margin-left: 80rpx;
}
.explain-answered,
.explain-un-answered {
  display: flex;
  align-items: center;
}
.explain-color-box {
  width: 30rpx;
  height: 30rpx;
  border-radius: 5rpx;
  display: inline-block;
  margin-right: 10rpx;
}
.color-box {
  display: inline-block;
  width: 8rpx;
  height: 60rpx;
  background-color: #ff6c00;
  border-radius: 0 10rpx 10rpx 0;
}
.title-text {
  color: #333;
  margin-left: 10rpx;
}
.card-box:last-child {
  margin-bottom: 200rpx;
}
.question-list {
  margin: 46rpx 0 64rpx 0;
  display: flex;
  flex-wrap: wrap;
}
.question-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 38rpx 20rpx 0 0;
  width: 126rpx;
  height: 62rpx;
  font-size: 34rpx;
}
.question-box:nth-child(5n) {
  margin-right: 0;
}
.answered {
  background-color: #FF6C00;
  color: #fff;
}
.un-answered {
  background-color: #F1F3F8;
  color: #B4B6BD;
}
/* 设置 */
.set-up-popup {
  height: 400rpx;
}
/* 测试报告 */
.test-report {
  --td-dialog-width: 660rpx
}
.report-content-top {
  padding-top: 40rpx;
}
.report-li {
  display: flex;
  color: #333;
  margin-bottom: 44rpx;
}
.report-li-left {
  width: 192rpx;
}
.report-li-right {
  margin-left: 120rpx;
}
.report-content-bottom {
  --td-button-border-radius: 60rpx;
  --td-button-primary-bg-color: #fff;
  --td-button-primary-color: #ff6c00;
  --td-button-primary-border-color: #ff6c00;
  --td-button-primary-active-bg-color: #fff0e6;
  --td-button-primary-active-border-color: #ff6c00;
}
.correct-color {
  color: #1FBC1F;
}
.error-color {
  color: #EE1818;
}
.score-color {
  color: #ff6c00;
}