소스 검색

成绩样式修改

tanxue 2 달 전
부모
커밋
42122d08e7
4개의 변경된 파일36개의 추가작업 그리고 16개의 파일을 삭제
  1. 3 3
      common/styles/global/components.scss
  2. 21 6
      common/styles/global/pages.scss
  3. 2 2
      components/score/topCard.vue
  4. 10 5
      pages/client/Chengji/ksScoreShijuan.vue

+ 3 - 3
common/styles/global/components.scss

@@ -91,11 +91,11 @@ view{box-sizing: border-box;}
 		background-image: url("@/static/images/common/nav-bar-jt.svg");@include ezy-no-repeat-cover();
 	}
 }
-// 带背景色
+// 带背景色client使用
 .icon-title-bjcolor-navBar-box{
-	background-color: #3fd2a1;
+	background-color: #3fd2a1;padding: 20rpx;
 	.nav-bar-title{color: #fff;}
-	.nav-bar-icon{background-image: url("@/static/images/common/nav-white-bar-jt.svg");}
+	.nav-bar-icon{background-image: url("@/static/images/common/nav-white-bar-jt.svg");top:32rpx;}
 }
 // 仅一个返回按钮
 .phone-nav-bar-icon{width: 24rpx;height: 38rpx;position: absolute;left: 24rpx;top: var(--status-bar-height);

+ 21 - 6
common/styles/global/pages.scss

@@ -238,22 +238,37 @@
 	}
 }	
 
-/*** 进入练习 ***/
+/*** 进入成绩 ***/
 .phone-score-page{
 	height: 100vh;display: flex;flex-direction: column;background-color: #f4f6fa;position: relative;
-	.score-page-title{height: 80rpx;line-height: 80rpx;background-color: #fff;font-size: 26rpx;color: #333;
-			display: flex;justify-content: space-between;padding: 0 24rpx;border-bottom: 10rpx solid #f4f6fa;
-			.title-types{font-size: 32rpx;color: #000;}
+	.score-page-title{
+		height: 80rpx;line-height: 80rpx;background-color: #fff;font-size: 26rpx;color: #333;
+		display: flex;justify-content: space-between;padding: 0 24rpx;border-bottom: 10rpx solid #f4f6fa;
+		.title-types{font-size: 32rpx;color: #000;}
+		.user-score{color: #30c190;}
 	}
 	.score-shiti-content{
 		padding: 24rpx 0 0;background-color: #fff;flex: 1;overflow: auto;
-		.phone-danxuan-box{height: auto;margin: 0 32rpx;}
+		.phone-danxuan-box,.phone-duoxuan-box,.phone-panduan-box,.phone-tiankong-box{height: auto;margin: 0 32rpx;}
 		}
 	.score-answer-box{
 		background-color: #fff;border-top: 10rpx solid #f4f6fa;
 		.score-line-title{margin-bottom: 0;}
-		.score-answer-btn-box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20rpx;}
+	}
+	
+	// bottom
+	.score-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;
+		.score-num-icon{
+			width: 27px;height: 24px;vertical-align: middle;
+			background-image: url("@/static/images/exam/shiti-num-icon.png");@include ezy-no-repeat-cover();
+		}
+		.active-num{color: #30c190;}
 		.score-answer-btn{margin: 0;}
+		.score-answer-btn + .score-answer-btn{margin-left:24rpx;}
+		
 	}
 }
 

+ 2 - 2
components/score/topCard.vue

@@ -1,8 +1,8 @@
 <template>
 	<view class="score-page-title">
-		<view class="title-types"><text>{{name}}</text> <text>{{zyLevelName}}</text></view>
+		<view class="title-types"><text>{{name}}</text>/<text>{{zyLevelName}}</text></view>
 		<view>
-			<text>{{userScore}}/{{Score}}</text>
+			<text class="user-score">{{userScore}}</text>/<text>{{Score}}</text>
 			<!-- <text @click="handleOpenCard"><i></i> {{count}}/{{total}}</text> -->
 		</view>
 	</view>

+ 10 - 5
pages/client/Chengji/ksScoreShijuan.vue

@@ -56,11 +56,16 @@
 				</view>	
 			</view>
 			<!-- 上下按钮 -->
-			<template v-if="activeSt">
-				<text  @click="handleOpenCard"><i></i> {{activeSt && activeSt.onlyNum||0}}/{{data.StListForSearch.length}}</text>
-				<button type="default" size="mini" hover-class="none" class="phone-green-btn score-answer-btn" @click="handlePrev" v-if="!isFistStId">上一题</button>
-				<button type="default" size="mini" hover-class="none"class="phone-green-btn score-answer-btn" @click="handleNext" v-if="!isLastStId">下一题</button>
-			</template>
+			<view  class="score-bottom-box" v-if="activeSt">
+				<view  @click="handleOpenCard" class="score-num-box">
+					<icon class="score-num-icon"></icon>
+					<text class="active-num">{{activeSt && activeSt.onlyNum||0}}</text>/<text>{{data.StListForSearch.length}}</text>
+				</view>
+				<view>
+					<button type="default" size="mini" hover-class="none" class="phone-green-btn score-answer-btn" @click="handlePrev" v-if="!isFistStId">上一题</button>
+					<button type="default" size="mini" hover-class="none"class="phone-green-btn score-answer-btn" @click="handleNext" v-if="!isLastStId">下一题</button>
+				</view>
+			</view>
 			<!-- 答题卡 -->
 			<uni-popup ref="popupRef" background-color="#fff" :is-mask-click="false" :mask-click="false">
 				<view class="answer-card-popup">