Skip to content

T
thinkApp
Commit 7a83d28b authored by zhengke's avatar zhengke
Browse files
Options

no message

parent 9ebeed7f
Hide whitespace changes
Inline Side-by-side
Showing with 38 additions and 30 deletions
src/components/index/scoreDetails/examDetailsComponents.vue
View file @ 7a83d28b
...@@ -18,21 +18,28 @@ ...@@ -18,21 +18,28 @@
</view> </view>
</view> </view>
<view class="examDetailsComponents-center flex"> <view class="examDetailsComponents-center flex">
<view class="examDetailsComponents-right flex"> <view class="homework-score flex">
<view class="homework-score flex"> <view class="homework-score-title">
<view class="homework-score-title"> 得分
得分 <text>{{item.TScore}}</text>分
</view>
</view> </view>
<view class="homework-score flex"> <view class="homework-score-num">
<view class="homework-score-title"> <text>{{item.TScore}}</text>分
排名 <text>{{item.Rank}}</text>名 </view>
</view> </view>
</view> <view class="homework-score flex">
<view class="homework-score flex"> <view class="homework-score-title">
<view class="homework-score-title"> 排名
排名率 <text>{{item.RankRate * 100}}</text>% </view>
</view> <view class="homework-score-num">
<text>{{item.Rank}}</text>名
</view>
</view>
<view class="homework-score flex">
<view class="homework-score-title">
排名率
</view>
<view class="homework-score-num">
<text>{{(item.RankRate * 100).toFixed(0)}}</text>%
</view> </view>
</view> </view>
</view> </view>
...@@ -75,32 +82,27 @@ ...@@ -75,32 +82,27 @@
}; };
</script> </script>
<style scoped> <style scoped>
.homework-score-title text{ .homework-score-num{
font-size: 20rpx;
font-weight: 400;
margin-left: 10rpx;
}
.homework-score-num text{
font-size: 46rpx; font-size: 46rpx;
font-weight: 800; font-weight: 800;
font-style: italic; font-style: italic;
padding: 0 10rpx 0 17rpx; padding: 0 30rpx 0 17rpx;
} }
.homework-score-title{ .homework-score-title{
color: #282828; color: #282828;
font-size: 20rpx; font-size: 20rpx;
font-weight: 400; font-weight: 400;
letter-spacing: 1px; letter-spacing: 1px;
} margin-bottom: 20rpx;
.homework-score:first-child{
margin-right: 16rpx;
} }
.homework-score{ .homework-score{
align-items: center; align-items: center;
justify-content: space-between; flex-direction: column;
}
.examDetailsComponents-right{
height: 88rpx;
background: #FCEEEF;
padding: 0 22rpx;
border-radius: 25rpx;
justify-content: space-between;
flex-shrink: 0;
} }
.operation-state-text{ .operation-state-text{
font-size: 20rpx; font-size: 20rpx;
...@@ -141,7 +143,7 @@ ...@@ -141,7 +143,7 @@
margin-bottom: 17rpx; margin-bottom: 17rpx;
} }
.examDetailsComponents-center{ .examDetailsComponents-center{
flex-direction: column; justify-content: space-between;
} }
.examDetailsComponents.mismatchActive .Mismatch-box{ .examDetailsComponents.mismatchActive .Mismatch-box{
display: block; display: block;
...@@ -233,4 +235,9 @@ ...@@ -233,4 +235,9 @@
justify-content: space-between; justify-content: space-between;
padding: 0 50rpx; padding: 0 50rpx;
} }
.examDetailsComponents-box{
height: 800rpx;
overflow-y: auto;
box-sizing: border-box;
}
</style> </style>
src/pages/index/examDetails.vue
View file @ 7a83d28b
<template> <template>
<view class="jobDetails-box"> <view class="jobDetails-box">
<view class="jobDetails-box-bj"></view>
<navbar class="navbarSticky" bg="#F6F6F6"> <navbar class="navbarSticky" bg="#F6F6F6">
<view class="jobDetails-header-box"> <view class="jobDetails-header-box">
<van-icon class="jobDetails-header-left" name="arrow-left" @click="back"/> <van-icon class="jobDetails-header-left" name="arrow-left" @click="back"/>
...@@ -130,7 +131,7 @@ ...@@ -130,7 +131,7 @@
} }
.jobDetails-content{ .jobDetails-content{
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.jobDetails-box{ .jobDetails-box{
background: #FCEEEF; background: #FCEEEF;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment