|
|
@@ -278,33 +278,67 @@ view{box-sizing: border-box;}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-/***** 答题卡 *****/
|
|
|
-/* .answer-card-popup{
|
|
|
- height: 100vh;display: flex;flex-direction: column;
|
|
|
- .card-navBar-box{
|
|
|
- background-color: #0856e6;
|
|
|
- .icon-title-navBar-box{background-color: #0856e6;}
|
|
|
- .nav-bar-title{color: #fff!important;}
|
|
|
- .nav-bar-icon{background-image: url("@/static/images/common/nav-white-bar-jt.svg");}
|
|
|
-
|
|
|
+/***** 通用scroll-组件 *****/
|
|
|
+.mobile-scroll-box{height: calc(100vh - 304rpx)}
|
|
|
+.mobile-chengji-scroll-box{height: calc(100vh - 304rpx)}
|
|
|
+
|
|
|
+/***** 通用card-组件 *****/
|
|
|
+.mobile-card-box {
|
|
|
+ margin: 0 28rpx;border-bottom: 1rpx solid #f2f1f2;
|
|
|
+ // 标题
|
|
|
+ .mobile-card-title {
|
|
|
+ color: #333;font-size: 32rpx;font-weight: 500;margin: 36rpx 0 32rpx;
|
|
|
+ text-align: justify;line-height: 1.4;@include multi-line-ellipsis(2);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 行
|
|
|
+ .mobile-card-row{
|
|
|
+ margin-bottom: 24rpx;display: flex;justify-content: space-between;align-items: flex-end;
|
|
|
+ color: #333;font-size: 28rpx;
|
|
|
+ // 得分
|
|
|
+ .mobile-card-score {font-size: 20rpx;color: #F10A0A;}
|
|
|
+ // 分数（有最小宽度）
|
|
|
+ .card-score-box{min-width: 240rpx;text-align: left;}
|
|
|
+ }
|
|
|
+
|
|
|
+ // 按钮
|
|
|
+ .mobile-card-btn {
|
|
|
+ width: 60%;height: 80rpx;line-height: 80rpx;margin: 50rpx auto;color: #fff;
|
|
|
+ background: linear-gradient(0deg,#436aff 0%, #234ff7 100%);border-radius: 80rpx;display: block;}
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/***** 通用试题页面组件 *****/
|
|
|
+.mobile-shiti-page{
|
|
|
+ .shiti-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;
|
|
|
}
|
|
|
- .card-content-box{
|
|
|
- flex: 1;overflow-y: auto;padding: 0 24rpx;
|
|
|
- .answer-card-content{display: flex;flex-flow: row wrap;}
|
|
|
- .paragraph-title {color: #666;width: 100%;font-size: 32rpx;padding: 18rpx;
|
|
|
- padding-bottom: 3rpx;box-sizing: border-box;}
|
|
|
- .paragraph-qa{
|
|
|
- width: 80rpx;height: 80rpx;border-radius: 50%;border: 1rpx solid #ccc;
|
|
|
- text-align: center;line-height: 76rpx;box-sizing: border-box;margin: 30rpx;
|
|
|
- }
|
|
|
- .paragraph-qa-block-mark{background-color: #FF9100;color: #fff;border-color:#FF9100;}
|
|
|
+ .shiti-content-box {padding: 24rpx 24rpx 0 24rpx;background-color: #fff;flex: 1;}
|
|
|
+ .shiti-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);
|
|
|
+ // 按钮
|
|
|
+ .shiti-btn{border-radius: 4px;}
|
|
|
+
|
|
|
+ // 橙色大的文字
|
|
|
+ .orange-big-color{color: #FF6B67;font-size: 40rpx;margin-right: 12rpx;}
|
|
|
+
|
|
|
+ // 蓝色大的文字
|
|
|
+ .blue-big-color{color: #0856e6;font-size: 40rpx;margin-right: 12rpx;}
|
|
|
+
|
|
|
+ .shiti-num-box{
|
|
|
+ display: flex;align-items: center;font-size: 30rpx;
|
|
|
+ .shiti-num-icon {width: 56rpx;height: 56rpx;@include ezy-no-repeat-cover();
|
|
|
+ background-image: url("@/static/images/exam/answer-carts-sj.svg");margin-right: 8rpx;}
|
|
|
+ }
|
|
|
}
|
|
|
- .answer-card-btn-box{
|
|
|
- display: flex;border-top: 1rpx solid #E3E3E3;background-color: #FEF0F0;line-height: 1;
|
|
|
- .card-btn{width: 50%;text-align: center;font-size: 32rpx;color: #333;padding: 32rpx 0;}
|
|
|
- .card-jj-btn{background-color: #0856e6;color: #FFF;}}
|
|
|
-} */
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
|
|
|
+
|
|
|
/***** 考试须知 *****/
|
|
|
.ksxz-dialog{
|
|
|
width: 640rpx;font-size: 28rpx;color: #333;max-height: 70vh;overflow: auto;border-radius: 20rpx;background-color: #fff;
|
tanxue