Skip to content

T
thinkApp
Commit 4cd2c898 authored by 黄奎's avatar 黄奎
Browse files
Options

地方

parent 2c030c9a
Hide whitespace changes
Inline Side-by-side
Showing with 104 additions and 88 deletions
src/components/index/scoreDetails/allGraspTheSituation.vue
View file @ 4cd2c898
<template> <template>
<view class="allGraspTheSituation-box flex"> <view class="allGraspTheSituation-box flex">
<view class="allGraspTheSituation-title flex"> <view class="allGraspTheSituation-title flex">
<view v-for="(T,index) in TitleList" :key="index">{{T}}</view> <view v-for="(T,index) in TitleList" :key="index">{{T}}</view>
</view> </view>
<view class="allGraspTheSituation-content flex"> <view class="allGraspTheSituation-content flex">
<view class="allGraspTheSituation-num flex" v-for="(item,index) in ModuleList" :key="index"> <view class="allGraspTheSituation-num flex" v-for="(item,index) in ModuleList" :key="index">
<text class="name">{{item.Module}}</text> <text class="name">{{item.Module}}</text>
<text class="Score">{{item.Score}}</text> <text class="Score">{{item.Score}}</text>
<text class="ScoreRate" <text class="ScoreRate" :class="item.ScoreRate<0.5?'failed':
:class="item.ScoreRate<0.5?'failed': (item.ScoreRate==1?'fullScore':'')">
(item.ScoreRate==1?'fullScore':'')">{{item.PScore.toFixed(0)}}<text></text></text> {{item.PScore.toFixed(0)}}
<text class="AvgScoreRate">{{item.AvgScore.toFixed(0)}}<text></text></text> <text>
</view> </text>
</text>
</view> <text class="AvgScoreRate">{{item.AvgScore.toFixed(0)}}<text></text></text>
</view>
</view>
</view> </view>
</template> </template>
<script> <script>
...@@ -28,7 +31,7 @@ ...@@ -28,7 +31,7 @@
export default { export default {
props: { props: {
ModuleList:[] ModuleList: []
}, },
components: {}, components: {},
setup() { setup() {
...@@ -40,7 +43,7 @@ ...@@ -40,7 +43,7 @@
}, },
showPhone: false, showPhone: false,
showLogin: true, //多次点击 showLogin: true, //多次点击
TitleList:['考点','分数','个人得分','平均得分'] TitleList: ['考点', '分数', '个人得分', '平均得分']
}); });
return { return {
...toRefs(data), ...toRefs(data),
...@@ -49,75 +52,88 @@ ...@@ -49,75 +52,88 @@
}; };
</script> </script>
<style scoped> <style scoped>
.allGraspTheSituation-num .ScoreRate.failed{ .allGraspTheSituation-num .ScoreRate.failed {
color: #EE8790; color: #EE8790;
} }
.allGraspTheSituation-num .ScoreRate.failed text{
color: #EE8790; .allGraspTheSituation-num .ScoreRate.failed text {
} color: #EE8790;
.allGraspTheSituation-num .ScoreRate.fullScore{ }
color: #4AC698;
} .allGraspTheSituation-num .ScoreRate.fullScore {
.allGraspTheSituation-num .ScoreRate.fullScore text{ color: #4AC698;
color: #4AC698; }
}
.allGraspTheSituation-num text text{ .allGraspTheSituation-num .ScoreRate.fullScore text {
font-size: 20rpx; color: #4AC698;
margin-top: 10rpx; }
margin-left: 5rpx;
} .allGraspTheSituation-num text text {
.allGraspTheSituation-num text{ font-size: 20rpx;
flex: 0 0 25%; margin-top: 10rpx;
font-size: 36rpx; margin-left: 5rpx;
font-weight: 800; }
font-style: italic;
} .allGraspTheSituation-num text {
.allGraspTheSituation-num .name{ flex: 0 0 25%;
font-size: 20rpx; font-size: 36rpx;
font-style: inherit; font-weight: 800;
font-weight: 400; font-style: italic;
color: #282828; }
}
.allGraspTheSituation-num:last-child{ .allGraspTheSituation-num .name {
margin-bottom: 44rpx; font-size: 20rpx;
} font-style: inherit;
.allGraspTheSituation-num{ font-weight: 400;
flex: 1; color: #282828;
color: #282828; }
font-weight: 400;
flex-direction: row; .allGraspTheSituation-num:last-child {
align-items: center; margin-bottom: 44rpx;
margin-top: 41rpx; }
}
.allGraspTheSituation-content{ .allGraspTheSituation-num {
flex-direction: column; flex: 1;
text-align: center; color: #282828;
font-size: 20px; font-weight: 400;
font-weight: 400; flex-direction: row;
color: #282828; align-items: center;
} margin-top: 41rpx;
.allGraspTheSituation-title view:first-child{ }
font-weight: bold;
color: #282828; .allGraspTheSituation-content {
} flex-direction: column;
.allGraspTheSituation-title view{ text-align: center;
flex: 0 0 25%; font-size: 20px;
color: #A1A1A1; font-weight: 400;
} color: #282828;
.allGraspTheSituation-title{ }
flex-shrink: 0;
font-size: 20rpx; .allGraspTheSituation-title view:first-child {
font-weight: 400; font-weight: bold;
color: #282828; color: #282828;
padding: 41rpx 0 21rpx 0; }
border-bottom:2rpx solid #EDEDED;
text-align: center; .allGraspTheSituation-title view {
} flex: 0 0 25%;
.allGraspTheSituation-box{ color: #A1A1A1;
margin: 30rpx 50rpx 0 50rpx; }
background: #FFFFFF;
box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09); .allGraspTheSituation-title {
border-radius: 30px; flex-shrink: 0;
flex-direction: column; font-size: 20rpx;
} font-weight: 400;
color: #282828;
padding: 41rpx 0 21rpx 0;
border-bottom: 2rpx solid #EDEDED;
text-align: center;
}
.allGraspTheSituation-box {
margin: 30rpx 50rpx 0 50rpx;
background: #FFFFFF;
box-shadow: 0px 6px 29px 0px rgba(76, 76, 76, 0.09);
border-radius: 30px;
flex-direction: column;
}
</style> </style>
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