Skip to content

T
thinkApp
Commit 8f6e670f authored by zhengke's avatar zhengke
Browse files
Options

no message

parent 24b90cb5
Hide whitespace changes
Inline Side-by-side
Showing with 69 additions and 119 deletions
src/components/index/scoreDetails/allGraspTheSituation.vue
View file @ 8f6e670f
......@@ -4,13 +4,13 @@
<view v-for="(T,index) in TitleList" :key="index">{{T}}</view>
</view>
<view class="allGraspTheSituation-content flex">
<view class="allGraspTheSituation-right flex">
<view class="allGraspTheSituation-num flex" v-for="(item,index) in ModuleList" :key="index">
<text>{{item.Module}}</text>
<text>{{item.Score}}</text>
<text class="fullScore">{{item.ScoreRate * 100}}<text>%</text></text>
<text class="fullScore">{{item.AvgScoreRate * 100}}<text>%</text></text>
</view>
<view class="allGraspTheSituation-num flex" v-for="(item,index) in ModuleList" :key="index">
<text class="name">{{item.Module}}</text>
<text class="Score">{{item.Score}}</text>
<text class="ScoreRate"
:class="item.ScoreRate<0.5?'failed':
(item.ScoreRate==1?'fullScore':'')">{{item.ScoreRate * 100}}<text>%</text></text>
<text class="AvgScoreRate">{{item.AvgScoreRate * 100}}<text>%</text></text>
</view>
</view>
......@@ -49,61 +49,52 @@
};
</script>
<style scoped>
.allGraspTheSituation-num text.failed{
.allGraspTheSituation-num .ScoreRate.failed{
color: #EE8790;
}
.allGraspTheSituation-num text.failed text{
.allGraspTheSituation-num .ScoreRate.failed text{
color: #EE8790;
}
.allGraspTheSituation-num text.fullScore{
.allGraspTheSituation-num .ScoreRate.fullScore{
color: #4AC698;
}
.allGraspTheSituation-num text.fullScore text{
.allGraspTheSituation-num .ScoreRate.fullScore text{
color: #4AC698;
}
.allGraspTheSituation-num text text{
font-size: 28rpx;
font-size: 20rpx;
margin-top: 10rpx;
margin-left: 5rpx;
}
.allGraspTheSituation-num text{
flex: 0 0 33.33%;
font-size: 36px;
flex: 0 0 25%;
font-size: 36rpx;
font-weight: 800;
font-style: italic;
color: #282828;
}
.allGraspTheSituation-num:first-child{
margin-top: 0rpx;
}
.allGraspTheSituation-num{
flex: 0 0 33.33%;
.allGraspTheSituation-num .name{
font-size: 20rpx;
color: #282828;
font-style: inherit;
font-weight: 400;
flex-direction: row;
margin-bottom: 0rpx;
}
.allGraspTheSituation-right{
flex: 0 0 75%;
flex-direction: column;
justify-content: space-between;
}
.allGraspTheSituation-left view:first-child{
margin-top: 50rpx;
color: #282828;
}
.allGraspTheSituation-left view{
margin-bottom: 50rpx;
.allGraspTheSituation-num:last-child{
margin-bottom: 44rpx;
}
.allGraspTheSituation-left{
flex: 0 0 25%;
flex-direction: column;
font-size: 20rpx;
.allGraspTheSituation-num{
flex: 1;
color: #282828;
font-weight: 400;
flex-direction: row;
align-items: center;
margin-top: 41rpx;
}
.allGraspTheSituation-content{
flex-direction: column;
text-align: center;
align-items: center;
font-size: 20px;
font-weight: 400;
color: #282828;
}
.allGraspTheSituation-title view:first-child{
font-weight: bold;
......
src/components/index/scoreDetails/dfficultyAnalysis.vue
View file @ 8f6e670f
......@@ -4,12 +4,10 @@
<view v-for="(T,index) in TitleList" :key="index">{{T}}</view>
</view>
<view class="dfficultyAnalysis-content flex">
<view class="dfficultyAnalysis-right flex">
<view class="dfficultyAnalysis-num flex" v-for="(item,index) in DifficultyList" :key="index">
<text>{{item.Difficulty}}</text>
<text>{{item.Count}}</text>
<text>{{item.Score}}</text>
</view>
<view class="dfficultyAnalysis-num flex" v-for="(item,index) in DifficultyList" :key="index">
<text>{{item.Difficulty}}</text>
<text>{{item.Count}}</text>
<text>{{item.Score}}</text>
</view>
</view>
......@@ -48,49 +46,30 @@
};
</script>
<style scoped>
.dfficultyAnalysis-num text text{
font-size: 28rpx;
margin-top: 10rpx;
}
.dfficultyAnalysis-num text{
flex: 0 0 50%;
font-size: 36px;
font-weight: 800;
font-style: italic;
color: #282828;
}
.dfficultyAnalysis-num:first-child{
margin-top: 0rpx;
}
.dfficultyAnalysis-num{
flex: 0 0 50%;
.dfficultyAnalysis-num text:first-child{
font-size: 20rpx;
color: #282828;
font-weight: 400;
flex-direction: row;
margin-bottom: 0rpx;
}
.dfficultyAnalysis-right{
flex: 0 0 66.67%;
flex-direction: column;
justify-content: space-between;
font-style: initial;
}
.dfficultyAnalysis-left view:first-child{
margin-top: 50rpx;
.dfficultyAnalysis-num text{
flex: 0 0 33.33%;
text-align: center;
}
.dfficultyAnalysis-left view{
margin-bottom: 50rpx;
.dfficultyAnalysis-num:last-child{
margin-bottom: 47rpx;
}
.dfficultyAnalysis-left{
flex: 0 0 33.33%;
flex-direction: column;
font-size: 20rpx;
.dfficultyAnalysis-num{
flex: 1;
font-size: 36rpx;
font-weight: 800;
font-style: italic;
color: #282828;
font-weight: 400;
align-items: center;
margin-top: 40rpx;
}
.dfficultyAnalysis-content{
text-align: center;
align-items: center;
flex-direction: column;
}
.dfficultyAnalysis-title view:first-child{
font-weight: bold;
......
src/components/index/scoreDetails/graspTheSituation.vue
View file @ 8f6e670f
......@@ -4,14 +4,11 @@
<view v-for="(T,index) in TitleList" :key="index">{{T}}</view>
</view>
<view class="graspTheSituation-content flex">
<view class="graspTheSituation-right flex">
<view class="graspTheSituation-num flex" v-for="(item,index) in DifficultyRateList" :key="index">
<text>{{item.Difficulty}}</text>
<text>{{item.ScoreRate}}<text>%</text></text>
<text>{{item.AvgScoreRate}}<text>%</text></text>
</view>
<view class="graspTheSituation-num flex" v-for="(item,index) in DifficultyRateList" :key="index">
<text>{{item.Difficulty}}</text>
<text>{{item.ScoreRate}}<text>%</text></text>
<text>{{item.AvgScoreRate}}<text>%</text></text>
</view>
</view>
</view>
......@@ -50,48 +47,31 @@
</script>
<style scoped>
.graspTheSituation-num text text{
font-size: 28rpx;
margin-top: 10rpx;
margin-left: 10rpx;
}
.graspTheSituation-num text{
flex: 0 0 50%;
font-size: 36px;
font-weight: 800;
font-style: italic;
color: #282828;
}
.graspTheSituation-num:first-child{
margin-top: 0rpx;
}
.graspTheSituation-num{
flex: 0 0 50%;
.graspTheSituation-num text:first-child{
font-size: 20rpx;
color: #282828;
font-weight: 400;
flex-direction: row;
margin-bottom: 0rpx;
}
.graspTheSituation-right{
flex: 0 0 66.67%;
flex-direction: column;
justify-content: space-between;
font-style: initial;
}
.graspTheSituation-left view:first-child{
margin-top: 50rpx;
.graspTheSituation-num text{
flex: 0 0 33.33%;
text-align: center;
}
.graspTheSituation-left view{
margin-bottom: 50rpx;
.graspTheSituation-num:last-child{
margin-bottom: 47rpx;
}
.graspTheSituation-left{
flex: 0 0 33.33%;
flex-direction: column;
font-size: 20rpx;
.graspTheSituation-num{
flex: 1;
font-size: 36rpx;
font-weight: 800;
font-style: italic;
color: #282828;
font-weight: 400;
align-items: center;
margin-top: 40rpx;
}
.graspTheSituation-content{
text-align: center;
align-items: center;
flex-direction: column;
}
.graspTheSituation-title view:first-child{
font-weight: bold;
......
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