Skip to content

T
thinkApp
Commit 4f19bb0f authored by zhengke's avatar zhengke
Browse files
Options

no message

parent fbd54671
Show whitespace changes
Inline Side-by-side
Showing with 202 additions and 12 deletions
src/pages/index/index.vue
View file @ 4f19bb0f
......@@ -22,7 +22,7 @@
</view>
<course-card></course-card>
<view class="index-student-title flex">
<view>考情详情</view>
<text>考情详情</text>
<view>(共53条)</view>
</view>
<view class="index-student-information">
......@@ -310,13 +310,13 @@
</script>
<style scoped>
.index-student-title view:last-child{
.index-student-title view{
font-size: 25rpx;
color: #ABABAB;
margin-left: 10rpx;
margin-left: 20rpx;
padding: 13rpx 0 0 0;
}
.index-student-title view:first-child{
.index-student-title text{
font-size: 36rpx;
font-weight: 800;
color: #282828;
......
src/pages/index/scoreDetails.vue
View file @ 4f19bb0f
<template>
<view class="indexpage">
<view class="scoreDetailspage">
<navbar class="navbarSticky" bg="#F6F6F6">
<view class="index-header-box">
111
<view class="scoreDetails-header-box">
<van-icon class="scoreDetails-header-left" name="arrow-left" @click="back"/>
</view>
</navbar>
<view class="scoreDetails-header flex">
<view class="scoreDetails-header-img">
<van-image width="100%" height="100%" fit="cover" class="img"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_713.png" />
</view>
<view class="scoreDetails-header-tetx">
<view class="scoreDetails-header-name">
周一围
</view>
<view class="scoreDetails-header-title">化学成绩详情</view>
</view>
<view class="scoreDetails-header-num flex">
<view>总分</view>
<text>92</text>
</view>
</view>
<view class="scoreDetails-Fraction flex">
<view class="scoreDetails-Fraction-content flex">
<view class="scoreDetails-Fraction-img activeOne"></view>
<view class="scoreDetails-Fraction-num">
<view>
<text>45</text>
名
</view>
<view>排名</view>
</view>
</view>
<view class="scoreDetails-Fraction-content flex">
<view class="scoreDetails-Fraction-img activeTwo"></view>
<view class="scoreDetails-Fraction-num">
<view>
<text>45</text>
%
</view>
<view>得分率</view>
</view>
</view>
<view class="scoreDetails-Fraction-content flex">
<view class="scoreDetails-Fraction-img activeThree"></view>
<view class="scoreDetails-Fraction-num">
<view>
<text>45</text>
</view>
<view>领先度</view>
</view>
</view>
</view>
<view class="scoreDetails-title flex">
<text>各小题得分分析考</text>
<view>(共53条)</view>
</view>
<analysisTest></analysisTest>
<view class="scoreDetails-title flex">
<text>各板块掌握情况</text>
</view>
</view>
</template>
<script>
import analysisTest from '@/components/index/scoreDetails/analysisTest'
import vue, {
ref,
reactive,
......@@ -34,6 +90,7 @@
export default {
components: {
navbar,
analysisTest
},
setup(props) {
let {
......@@ -58,8 +115,11 @@
});
let methods = {
back() {
uni.navigateTo({
url: '/pages/index/index'
});
},
};
onMounted(() => {
......@@ -71,8 +131,6 @@
};
},
onShow() {
this.getActivityData();
this.getIndexData();
this.userData = uni.getStorageSync('userInfo');
},
onShareAppMessage() {
......@@ -93,7 +151,139 @@
</script>
<style scoped>
.scoreDetails-title view{
font-size: 25rpx;
color: #ABABAB;
margin-left: 20rpx;
padding: 13rpx 0 0 0;
}
.scoreDetails-title text{
font-size: 36rpx;
font-weight: 800;
color: #282828;
}
.scoreDetails-title{
margin: 70rpx 50rpx 45rpx 50rpx;
}
.scoreDetails-Fraction-num view:last-child{
font-size: 20rpx;
color: #EDCFD1;
margin-top: 5rpx;
letter-spacing: 1rpx;
}
.scoreDetails-Fraction-num view text{
font-size: 40rpx;
font-weight: 800;
font-family: Source Han Sans CN;
font-style: italic;
color: #282828;
margin-right: 10rpx;
}
.scoreDetails-Fraction-num view:first-child{
color: #747474;
font-size: 20rpx;
}
.scoreDetails-Fraction-img.activeThree{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653531754000_932.png')no-repeat center #FFF0F1;
background-size: 36rpx 36rpx;
}
.scoreDetails-Fraction-img.activeTwo{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653531758000_626.png')no-repeat center #FFF0F1;
background-size: 36rpx 36rpx;
}
.scoreDetails-Fraction-img.activeOne{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653531750000_401.png')no-repeat center #FFF0F1;
background-size: 36rpx 36rpx;
}
.scoreDetails-Fraction-img{
width: 62rpx;
height: 62rpx;
border-radius: 50%;
overflow: hidden;
margin-right: 19rpx;
flex-shrink: 0;
}
.scoreDetails-Fraction-content{
align-items: center;
}
.scoreDetails-Fraction{
border-radius: 50rpx;
background: #FFFFFF;
padding: 52rpx 48rpx 38rpx 60rpx;
justify-content: space-between;
margin: 56rpx 50rpx 0 50rpx;
}
.scoreDetails-header-num text{
font-size: 60rpx;
font-weight: 800;
}
.scoreDetails-header-num view{
font-size: 26rpx;
font-weight: 400;
margin-top: 10rpx;
}
.scoreDetails-header-num{
width: 122rpx;
height: 122rpx;
background: #DA2F3E;
border-radius: 30rpx;
flex-direction: column;
color: #FFFFFF;
flex-shrink: 0;
text-align: center;
}
.scoreDetails-header-title{
font-size: 50rpx;
font-weight: 800;
color: #282828;
}
.scoreDetails-header-name{
font-size: 30rpx;
font-weight: 400;
color: #505050;
letter-spacing: 1rpx;
margin-bottom: 18rpx;
}
.scoreDetails-header-tetx{
flex-grow: 1;
}
.scoreDetails-header-img .img{
display: block;
border: 2rpx solid rgba(164, 164, 164, 0.32);
border-radius: 50%;
width: 115rpx;
height: 115rpx;
box-sizing: border-box;
margin: 4rpx;
}
.scoreDetails-header-img{
width: 122rpx;
height: 122rpx;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
background: #FFFFFF;
margin-right: 30rpx;
}
.scoreDetails-header{
margin: 50rpx 50rpx 0 50rpx;
align-items: center;
}
.scoreDetails-header-left{
font-size: 40rpx;
}
.scoreDetails-header-box{
padding: 37rpx 31rpx;
}
.scoreDetailspage{
min-height: 100vh;
background-color: #f6f6f6;
box-sizing: border-box;
background-image: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653530983000_409.png');
background-position: 0 300rpx;
background-repeat: no-repeat;
background-size: 100% auto;
}
.navbarSticky {
display: sticky;
top: 0;
......
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