tanxue преди 4 седмици
родител
ревизия
759c5bd62f
променени са 2 файла, в които са добавени 123 реда и са изтрити 1 реда
  1. 95 0
      common/styles/global/components.scss
  2. 28 1
      common/styles/global/pages.scss

+ 95 - 0
common/styles/global/components.scss

@@ -165,6 +165,101 @@ view{box-sizing: border-box;}
 .phone-white-btn[type='default']:after{display: none;}
 .phone-blue-btn[type='default']:hover{background-color: $lli-btn-hover;color: #fff;}
 
+/***** 试题---题干 *****/
+.phone-shiti-question{
+	font-size: 32rpx;color: #333;line-height: 1.6;margin-bottom: 24rpx;
+	text-align: justify;word-wrap: break-word;word-break: break-all;display: block;@include ezy-rich-text;
+	    display: flex;flex-direction: row;justify-content: flex-start;
+		.question-num{flex-shrink: 0;}
+}
+
+/***** 单选题 *****/
+.phone-danxuan-box{
+	margin: 0 10rpx;overflow: auto;height: calc(100vh - 440rpx - var(--status-bar-height));
+	.danxuan-option-box{
+		width: 100%;line-height:96rpx;border-radius: 8px;margin-bottom: 20rpx;
+		font-size: 32rpx;color: #666;box-sizing: border-box;padding: 10rpx 24rpx;
+		display: flex;
+		.option-change{
+			width: 48rpx;height: 48rpx;line-height: 48rpx;box-sizing: border-box;
+			flex-shrink: 0;border-radius: 50%;border: 1rpx solid;margin-right: 20rpx;
+			    display: flex;align-items: center;justify-content: center;
+			}
+		.option-question{font-size: 32rpx;line-height: 1.6;@include ezy-rich-text;
+		text-align: justify;word-wrap: break-word;word-break: break-all;display: block;}
+	}
+	.danxuan-option-box.active .option-change{color: #FFF;background-color:#6186fb;border-color:#6186fb;}
+	.danxuan-option-box.showError .option-change{color: #FFF;background-color:#ff5757;border-color:#ff5757;}
+	.danxuan-option-box.active_right .option-change{color: #FFF;background-color:#1ac136;border-color:#1ac136;}
+}
+/***** 多选题 *****/
+.phone-duoxuan-box{
+	margin: 0 10rpx;overflow: auto;height: calc(100vh - 440rpx - var(--status-bar-height));
+	.duoxuan-option-box{
+		width: 100%;line-height:96rpx;border-radius: 8px;margin-bottom: 20rpx;
+		font-size: 32rpx;color: #666;box-sizing: border-box;padding: 10rpx 24rpx;
+		display: flex;
+		.option-change{
+			width: 48rpx;height: 48rpx;line-height: 48rpx;box-sizing: border-box;
+			flex-shrink: 0;border: 1rpx solid;margin-right: 20rpx;
+			display: flex;align-items: center;justify-content: center;
+			}
+		.option-question{font-size: 32rpx;line-height: 1.6;@include ezy-rich-text;
+		text-align: justify;word-wrap: break-word;word-break: break-all;display: block;}
+	}
+	// active background-color:#0589e9;
+	.duoxuan-option-box.active .option-change{color: #FFF;background-color:#6186fb;border-color:#6186fb;}
+	.duoxuan-option-box.showError .option-change{color: #FFF;background-color:#ff5757;border-color:#ff5757;}
+	.duoxuan-option-box.active_right .option-change{color: #FFF;background-color:#1ac136;border-color:#1ac136;}
+}
+
+/***** 判断题 *****/
+.phone-panduan-box{
+	margin: 0 10rpx;overflow: auto;height: calc(100vh - 440rpx - var(--status-bar-height));
+	.panduan-option-box{
+		width: 100%;line-height:96rpx;font-size: 32rpx;color: #666;margin: 32rpx 0;
+		.option-question{font-size: 32rpx;line-height: 1.6;margin-bottom: 20rpx;padding: 10rpx 24rpx;box-sizing: border-box;
+		text-align: justify;word-wrap: break-word;word-break: break-all;display: flex;align-items: center;
+		uni-radio{display: flex;align-items: center;}
+		.uni-radio-input{margin-right: 20rpx;}
+		}
+	}
+	// active background-color:#0589e9;
+	.option-question.active .uni-radio-input{color: #FFF;background-color:#6186fb!important;border-color:#6186fb!important;}
+	.option-question.showError .uni-radio-input{color: #FFF;background-color:#ff5757!important;border-color:#ff5757!important;}
+	.option-question.active_right .uni-radio-input{color: #FFF;background-color:#1ac136!important;border-color:#1ac136!important;}
+}
+
+/***** 填空题 *****/
+.phone-tiankong-box{
+	overflow: auto;height: calc(100vh - 440rpx - var(--status-bar-height));
+	.tiankong-option-box{
+		padding:0 40rpx;box-sizing: border-box;margin-bottom: 36rpx;
+		.option-question{font-size: 30rpx;color: #333;}
+		.option-question-text{font-size: 30rpx;color: #333;margin-top: 16rpx;background: #f0f0f0;padding: 10px;border-radius: 4px;}
+	}
+	
+}
+
+/***** 简答题 *****/
+.phone-jianda-box{
+	overflow: auto;height: calc(100vh - 440rpx - var(--status-bar-height));
+	.jianda-textarea-box{
+		width: 90%;margin: 0 auto;height: 200rpx;border-radius: 6rpx;
+		border: 1rpx solid #ccc;padding: 10rpx 24rpx;box-sizing: border-box;
+	}
+}
+
+/***** 阅读题 *****/
+.phone-yuedu-box{
+	overflow: auto;height: calc(100vh - 440rpx - var(--status-bar-height));
+	display: flex;flex-direction: column;
+	.yuedu-swiper-box{flex: 1;}
+	.yuedu-swiper-content{overflow-y: auto;background-color: #ccc;padding: 32rpx 52rpx;box-sizing: border-box;}
+	.phone-danxuan-box,.phone-duoxuan-box,.phone-panduan-box,.phone-tiankong-box,.phone-jianda-box{
+		height: auto;
+	}
+}
 
 /*****音频播放器 author: TX  date:2024-06-24*****/
 .MtaBusAudioPlayerBox{

+ 28 - 1
common/styles/global/pages.scss

@@ -88,7 +88,34 @@
 			.lli-card-name {font-size: 28rpx;line-height: 36rpx;color: #565656;margin: 20rpx 0;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
 		}
 	}
-		
+
+// 考试
+.phone-kaoshi-page {
+	display: flex;flex-direction: column;background-color: #f4f6fa;position: relative;
+	.kaoshi-page-title {
+		height: 80rpx;line-height: 80rpx;background-color: #fff;font-size: 28rpx;border-top: 1rpx solid #ebebeb;
+		color: #333;display: flex;justify-content: space-between;padding: 0 24rpx;border-bottom: 1rpx solid #ebebeb;
+		.title-types {color: #000;}
+		.exam-countdown .uni-countdown__number,.exam-countdown .uni-countdown__splitor{color: #0856e6!important;}
+	}
+	.kaoshi-shiti-content {padding: 24rpx 24rpx 0 24rpx;background-color: #fff;flex: 1;}	
+	.kaoshi-bottom-box {
+		width: 100%;height: 100rpx;background-color: #f0f0f0;
+		display: flex;align-items: center;justify-content: space-between;
+		padding: 0 24rpx;box-sizing: border-box;position: fixed;bottom: var(--window-bottom);	
+		.bj-btn,.qb-btn,.jx-btn,.save-btn {height: 60rpx;line-height: 58rpx;box-sizing: border-box;display: flex;align-items: center;}
+		.bj-btn,.qb-btn {margin-left: unset;background: #FF9100;border-color: #FF9100;color: #fff;padding: 0 20rpx;}
+		.bj-btn::before,.qb-btn::before{content: '';width: 28rpx;height: 28rpx;display: inline-block;margin-right: 6rpx;}
+		.bj-btn::before{background-image: url("@/static/images/exam/mark1-sj.svg");}
+		.qb-btn::before{background-image: url("@/static/images/exam/mark2-sj.svg");}
+		.jx-btn,.save-btn {margin-right: unset;}
+		.shiti-num-icon {width: 27px;height: 24px;vertical-align: middle;@include ezy-no-repeat-cover();}
+		.active-num {color: #30c190;}
+	}	
+	.ks-btn-prev {position: fixed;bottom: 130rpx;left: 24rpx;}
+	.ks-btn-next {position: fixed;bottom: 130rpx;right: 24rpx;}
+}
+	
 // 我的
 .mobile-my-page{
 	width:100%;overflow: auto;background: #F3F5F7;padding-bottom: 135rpx;