| | |
| | | --td-button-primary-border-color: #FF6C00; |
| | | --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; |
| | | } |