Browse Source

样式优化

tanxue 2 months ago
parent
commit
1ebe5d3b29
2 changed files with 29 additions and 8 deletions
  1. 6 2
      common/styles/global/pages.scss
  2. 23 6
      pages/admin/Chengji/list.vue

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

@@ -191,11 +191,15 @@
 			.ks-name {font-size: 34rpx;color: #000;}
 			.ks-zyLevelName {font-size: 26rpx;padding: 4rpx 24rpx;border-radius: 4px;border: 1px solid #3fd2a1;color:#3fd2a1;}
 		}
+		.ks-totalTm-row{display: flex;align-items: center;}
 		.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,.phone-defen-icon{width: 24rpx;height: 24rpx;@include ezy-no-repeat-cover();
-		vertical-align: middle;margin-right: 10rpx;}
+		.phone-time-icon,.phone-cishu-icon,.phone-zongfen-icon,.phone-jigefen-icon,
+		.phone-defen-icon,.phone-tel-icon,.phone-user-icon{width: 24rpx;height: 24rpx;@include ezy-no-repeat-cover();
+		vertical-align: top;margin-right: 10rpx;flex-shrink: 0;}
 		.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-user-icon{background-image: url("@/static/images/common/user-icon.png");}
+		.phone-tel-icon{background-image: url("@/static/images/common/tel-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;}
 		.phone-defen-icon{background-image: url("@/static/images/common/defen-icon.png");vertical-align: unset;}

+ 23 - 6
pages/admin/Chengji/list.vue

@@ -21,18 +21,35 @@
 							<view class="item-card-row">
 								<!-- 数量 -->
 								<view class="ks-item-top">
-									<view>{{item.ksName}}</view>
+									<view class="ks-name">{{item.ksName}}</view>
 									<view class="ks-zyLevelName">{{item.zyLevelName}}</view>
 								</view>
-								<view class="ks-totalTm">
-									<icon class="phone-time-icon" /> 姓名:{{item.realName}} 
-									<icon class="phone-time-icon" /> 手机号:{{item.userName}} 
+								
+								<view class="ks-totalTm-row">
+									<view class="ks-totalTm">
+										<icon class="phone-user-icon" />姓名:{{item.realName}} 
+									</view>
+									<view class="ks-totalTm">
+										<icon class="phone-tel-icon" />手机号:{{item.userName}} 
+									</view>
 								</view>
 								<view class="ks-totalTm">
-									<icon class="phone-time-icon" /> {{item.answerStartTime}} - {{item.answerEndTime}}
+									<icon class="phone-time-icon" />{{item.answerStartTime}} - {{item.answerEndTime}}
 								</view>
-								<view class="ks-totalTm">
+								<!-- <view class="ks-totalTm">
 									<icon class="phone-time-icon" /> {{item.userScore}} / {{item.okScore}}/{{item.ksScore}}
+								</view> -->
+								<!-- 分数 -->
+								<view class="ks-score-content">
+									<view class="ks-score">
+										<icon class="phone-zongfen-icon" />总分:<text>{{item.ksScore}}</text>
+									</view>
+									<view class="ks-okScore">
+										<icon class="phone-jigefen-icon" />及格分:<text>{{item.okScore}}</text>
+									</view>
+									<view class="ks-getScore">
+										<icon class="phone-defen-icon" />得分:<text>{{item.userScore}}</text>
+									</view>
 								</view>
 								<button @click="checkKecheng(item)" type="primary" size="mini"
 									class="item-view-btn">查看内容</button>