| | |
| | | .top-btn { |
| | | display: flex; |
| | | justify-content: space-evenly; |
| | | padding-left: 15rpx; |
| | | } |
| | | |
| | | .top-btn image { |
| | |
| | | } |
| | | |
| | | .practice-btn { |
| | | --td-button-primary-bg-color: #ff6c00; |
| | | --td-button-primary-border-color: #ff6c00; |
| | | --td-button-primary-active-bg-color: #ff984d; |
| | | --td-button-primary-active-border-color: #ff984d; |
| | | --td-button-default-bg-color: #ff6c00; |
| | | --td-button-default-border-color: #ff6c00; |
| | | --td-button-default-active-bg-color: #ff984d; |
| | | --td-button-default-active-border-color: #ff984d; |
| | | } |
| | | |
| | | .practice-btn image { |
| | | margin-top: 25rpx; |
| | | margin-right: 10rpx; |
| | | width: 26rpx; |
| | | height: 30rpx; |
| | | } |
| | | |
| | | .practice-btn text { |
| | | font-size: 28rpx; |
| | | } |
| | | |
| | | .paper-btn, |
| | | .error-btn, |
| | | .collect-btn { |
| | | --td-button-default-bg-color: #fff; |
| | | --td-button-default-color: #ff6c00; |
| | | --td-button-default-color: #0F1214; |
| | | --td-button-default-active-bg-color: #fff0e6; |
| | | --td-button-medium-font-size: 28rpx |
| | | } |
| | | |
| | | |
| | | |
| | | .card { |
| | | position: relative; |
| | | margin: 32rpx; |
| | | border-radius: 12rpx; |
| | | overflow: hidden; |
| | | box-sizing: border-box; |
| | | border: 3rpx solid #ff6c00; |
| | | --td-radio-content-color: #0F1214; |
| | | } |
| | | |
| | | .card--active { |
| | | border-color: #ff6c00; |
| | | --td-radio-bg-color: #ff6c00; |
| | | --td-radio-content-color: #fff; |
| | | } |
| | | |
| | | /* .card--active::after { |
| | | content: ''; |
| | | display: block; |
| | | position: absolute; |
| | | left: 0; |
| | | top: 0; |
| | | width: 0; |
| | | border: 14px solid #0052d9; |
| | | border-bottom-color: transparent; |
| | | border-right-color: transparent; |
| | | } */ |
| | | |
| | | .card__icon { |
| | | color: #fff; |
| | | position: absolute; |
| | | left: 1.5px; |
| | | top: 1.5px; |
| | | z-index: 1; |
| | | } |
| | | |
| | | /* 横向布局 */ |
| | | .horizontal-box { |
| | | width: 350rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | margin: 32rpx; |
| | | } |
| | | |
| | | .horizontal-box .card { |
| | | flex: 1; |
| | | margin: 0; |
| | | } |
| | | |
| | | .horizontal-box .card+.card { |
| | | margin-left: 24rpx; |
| | | } |
| | | |
| | | .test-radio { |
| | | --td-radio-content-font-size: 28rpx; |
| | | --td-radio-vertical-padding: 0 |
| | | } |
| | | |
| | | .radio-content { |
| | | padding: 0 8rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | width: 100%; |
| | | height: 68rpx; |
| | | } |
| | | |
| | | .radio-content image { |
| | | margin: 0 10rpx 10rpx 0; |
| | | } |
| | | |
| | | .mock-data { |
| | | padding: 0 32rpx; |
| | | } |
| | | |
| | | .mack-num { |
| | | width: 100%; |
| | | height: 100rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | color: #333; |
| | | font-size: 28rpx; |
| | | } |
| | | |
| | | .mock-list-box { |
| | | padding: 32rpx; |
| | | background-color: #F9F9F9; |
| | | margin-bottom: 30rpx; |
| | | } |
| | | |
| | | .mock-title { |
| | | color: #333; |
| | | font-size: 32rpx; |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .mock-message { |
| | | margin-top: 10rpx; |
| | | display: flex; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | | .message-box { |
| | | height: 60rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | } |
| | | |
| | | .mack-state { |
| | | width: 94rpx; |
| | | height: 42rpx; |
| | | } |
| | | |
| | | .mock-score { |
| | | font-size: 28rpx; |
| | | color: #ff6c00; |
| | | } |
| | | |
| | | .mock-time { |
| | | color: #333; |
| | | margin-left: 20rpx; |
| | | } |
| | | |
| | | .state-pad { |
| | | width: 80rpx; |
| | | border-radius: 10rpx; |
| | | display: inline-block; |
| | | padding: 10rpx; |
| | | } |
| | | |
| | | .complete { |
| | | background-color: #d8f0d8; |
| | | color: #1FBC1F; |
| | | } |
| | | |
| | | .Incomplete { |
| | | background-color: #e9e9e9; |
| | | color: #666; |
| | | } |