浏览代码

考试样式修改

tanxue 2 月之前
父节点
当前提交
f7956f500c

+ 16 - 11
common/styles/global/pages.scss

@@ -12,27 +12,32 @@
 		// 列表区域
 		.item-kaoshi-row {
 			width: 100%;
-
 			.ks-item-top {
 				display: flex;justify-content: space-between;margin-bottom: 20rpx;
-
 				.ks-name {font-size: 34rpx;color: #000;}
-
 				.ks-zyLevelName {font-size: 26rpx;padding: 2px 12px;border-radius: 4px;border: 1px solid #3fd2a1;color:#3fd2a1;}
 			}
 
-			.ks-totalTm {font-size: 26rpx;color: #333;margin-bottom: 20rpx;}
-			.phone-time-icon,.phone-ceshu-icon{width: 30rpx;height: 30rpx;
-			background-color: red;vertical-align: middle;margin-right: 10rpx;}
+			.ks-totalTm {font-size: 26rpx;color: #333;margin-bottom: 20rpx;line-height: 1;margin-left: 40rpx;}
+			.phone-time-icon,.phone-cishu-icon,.phone-zongfen-icon,.phone-jigefen-icon{width: 24rpx;height: 24rpx;@include ezy-no-repeat-cover();
+			vertical-align: middle;margin-right: 10rpx;}
+			.phone-time-icon{background-image: url("@/static/images/common/time-icon.png");}
+			.phone-cishu-icon{background-image: url("@/static/images/common/cishu-icon.png");}
+			.phone-zongfen-icon{background-image: url("@/static/images/common/zongfen-icon.png");vertical-align: unset;}
+			.phone-jigefen-icon{background-image: url("@/static/images/common/jigefen-icon.png");vertical-align: unset;}
 			.ks-score-content{
-				background-color: #f4f6fa;width: 460rpx;
-				margin-bottom: 20rpx;display: flex;padding: 10rpx 24rpx;box-sizing: border-box;
-				.ks-score {padding-right: 10px}
-				.ks-okScore {}
+				font-size: 26rpx;background-color: #f4f6fa;width: 500rpx;line-height: 1;border-radius: 8rpx;
+				margin-bottom: 20rpx;display: flex;padding: 16rpx 30rpx;box-sizing: border-box;
+				.ks-score {
+					padding-right: 60rpx;
+					text{color: #ff7023;}
+				}
+				.ks-okScore {
+					text{color: #3fd2a1;}
+				}
 			}
 
 			.row-item {margin-bottom: 10px;}
-
 			.kaoshi-btn {width:220rpx;font-size: 26rpx;background-color: #3fd2a1;}
 
 		}

+ 1 - 1
pages/admin/Kaoshi/list.vue

@@ -28,7 +28,7 @@
 								</view>
 								<!-- 时间 -->
 								<view class="ks-totalTm"><icon class="phone-time-icon"/>时间:{{item.totalTm}}分钟</view>
-								<view class="ks-totalTm"><icon class="phone-ceshu-icon"/>次数:{{item.maxTimes}}次</view>
+								<view class="ks-totalTm"><icon class="phone-cishu-icon"/>次数:{{item.maxTimes}}次</view>
 								<!-- 分数 -->
 								<view class="ks-score-content">
 									<view class="ks-score"><icon class="phone-zongfen-icon"/>总分:<text>{{item.ksScore}}</text></view>

二进制
static/images/common/cishu-icon.png


二进制
static/images/common/jigefen-icon.png


二进制
static/images/common/time-icon.png


二进制
static/images/common/zongfen-icon.png