Skip to content

T
thinkApp
Commit 83c99a26 authored by zhengke's avatar zhengke
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/youjie/thinkapp

parents 2acfd29f ef9d42a2
Hide whitespace changes
Inline Side-by-side
Showing with 750 additions and 823 deletions
src/components/index/JobComponents.vue
View file @ 83c99a26
<template> <template>
<view class="JobComponents-box"> <view class="JobComponents-box">
<view class="JobComponents activeOne flex"> <view class="JobComponents activeOne flex">
<view class="JobComponents-time-box flex"> <view class="JobComponents-time-box flex">
<view class="JobComponents-time"> <view class="JobComponents-time">
<view>05/25 17:13</view> <view>{{jobData.CreateTime}}</view>
</view> </view>
<view class="JobComponents-line"> <view class="JobComponents-line">
<view class="JobComponents-point"></view> <view class="JobComponents-point"></view>
</view> </view>
</view> </view>
<view class="JobComponents-center-box" @click="JobDetails"> <view class="JobComponents-center-box" @click="JobDetails">
<view class="JobComponents-center-line"></view> <view class="JobComponents-center-line"></view>
<view class="JobComponents-center flex"> <view class="JobComponents-center flex">
<view class="JobComponents-left"> <view class="JobComponents-left">
<view class="operation-name">作业名称作业名称作业名称作业名称</view> <view class="operation-name">{{jobData.Title}}</view>
<view class="operation-state flex"> <view class="operation-state flex">
<view class="operation-state-img"></view> <view class="operation-state-img"></view>
<view class="operation-state-text">批阅</view> <view class="operation-state-text">{{jobData.DataObj.HomeWorkStatusStr}}</view>
</view> </view>
</view> </view>
<view class="JobComponents-right flex"> <view class="JobComponents-right flex">
<view class="homework-score"> <view class="homework-score">
<view class="homework-score-title">得分</view> <view class="homework-score-title">得分</view>
<view class="homework-score-num flex"> <view class="homework-score-num flex">
<view>86</view><view>分</view> <view>{{jobData.DataObj.Score}}</view>
</view> <view>分</view>
</view> </view>
<view class="homework-score"> </view>
<view class="homework-score-title">得分率</view> <view class="homework-score">
<view class="homework-score-num flex"> <view class="homework-score-title">得分率</view>
<view>86</view><view>%</view> <view class="homework-score-num flex">
</view> <view>{{jobData.DataObj.Score_p}}</view>
</view> <view>%</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view>
</view>
</view> </view>
</template> </template>
<script> <script>
...@@ -48,12 +50,9 @@ ...@@ -48,12 +50,9 @@
} from "vue"; } from "vue";
export default { export default {
props: { props: ["jobData"],
},
components: {}, components: {},
setup() { setup() {
let data = reactive({ let data = reactive({
obj: { obj: {
Name: '', Name: '',
...@@ -62,185 +61,217 @@ ...@@ -62,185 +61,217 @@
showPhone: false, showPhone: false,
showLogin: true, //多次点击 showLogin: true, //多次点击
}); });
let methods = { let methods = {
JobDetails(){ JobDetails() {
uni.reLaunch({ uni.reLaunch({
url: '/pages/index/workSituation' url: '/pages/index/workSituation'
}); });
} }
} }
return { return {
...toRefs(data), ...toRefs(data),
...methods ...methods
}; };
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.homework-score-num view:last-child{ .homework-score-num view:last-child {
font-size: 23rpx; font-size: 23rpx;
margin-top: 25rpx; margin-top: 25rpx;
} }
.homework-score-num view:first-child{
margin-right: 10rpx; .homework-score-num view:first-child {
font-size: 46rpx; margin-right: 10rpx;
font-weight: 800; font-size: 46rpx;
} font-weight: 800;
.homework-score-num{ }
color: #3E3D3D;
} .homework-score-num {
.homework-score-title{ color: #3E3D3D;
color: #484646; }
font-size: 20rpx;
margin-bottom: 23rpx; .homework-score-title {
font-weight: 400; color: #484646;
letter-spacing: 1px; font-size: 20rpx;
} margin-bottom: 23rpx;
.homework-score:first-child{ font-weight: 400;
margin-right: 16rpx; letter-spacing: 1px;
} }
.JobComponents-right{
height: 122rpx; .homework-score:first-child {
background: #FFFFFF; margin-right: 16rpx;
padding: 22rpx 26rpx 15rpx 26rpx; }
border-radius: 30rpx;
justify-content: space-between; .JobComponents-right {
flex-shrink: 0; height: 122rpx;
margin-left: 11rpx; background: #FFFFFF;
} padding: 22rpx 26rpx 15rpx 26rpx;
.JobComponents.activeThree .operation-state-text{ border-radius: 30rpx;
color: #CD3D47; justify-content: space-between;
} flex-shrink: 0;
.JobComponents.activeTwo .operation-state-text{ margin-left: 11rpx;
color: #4E4A4A; }
}
.JobComponents.activeOne .operation-state-text{ .JobComponents.activeThree .operation-state-text {
color: #FFFFFF; color: #CD3D47;
} }
.operation-state-text{
font-size: 20rpx; .JobComponents.activeTwo .operation-state-text {
letter-spacing: 2px; color: #4E4A4A;
} }
.JobComponents.activeThree .operation-state-img{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_480.png')no-repeat; .JobComponents.activeOne .operation-state-text {
background-size: 22rpx 22rpx; color: #FFFFFF;
} }
.JobComponents.activeTwo .operation-state-img{
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_781.png')no-repeat; .operation-state-text {
background-size: 22rpx 22rpx; font-size: 20rpx;
} letter-spacing: 2px;
.JobComponents.activeOne .operation-state-img{ }
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_44.png')no-repeat;
background-size: 22rpx 22rpx; .JobComponents.activeThree .operation-state-img {
} background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_480.png')no-repeat;
.operation-state-img{ background-size: 22rpx 22rpx;
width: 22rpx; }
height: 22rpx;
margin-right: 9rpx; .JobComponents.activeTwo .operation-state-img {
margin-top: 4rpx; background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_781.png')no-repeat;
} background-size: 22rpx 22rpx;
.operation-state{ }
margin-top: 35rpx;
font-size: 20rpx; .JobComponents.activeOne .operation-state-img {
} background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_44.png')no-repeat;
.JobComponents.activeThree .operation-name{ background-size: 22rpx 22rpx;
color: #282828; }
}
.JobComponents.activeTwo .operation-name{ .operation-state-img {
color: #282828; width: 22rpx;
} height: 22rpx;
.JobComponents.activeOne .operation-name{ margin-right: 9rpx;
color: #FFFFFF; margin-top: 4rpx;
} }
.operation-name{
font-size: 26rpx; .operation-state {
word-break: break-all; margin-top: 35rpx;
text-overflow: ellipsis; font-size: 20rpx;
display: -webkit-box; }
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; .JobComponents.activeThree .operation-name {
overflow: hidden; color: #282828;
margin-top: 9rpx; }
letter-spacing: 1px;
font-weight: 500; .JobComponents.activeTwo .operation-name {
} color: #282828;
.JobComponents-left{ }
flex: 1;
flex-grow: 1; .JobComponents.activeOne .operation-name {
} color: #FFFFFF;
.JobComponents-center{ }
justify-content: space-between;
} .operation-name {
.JobComponents-center-line{ font-size: 26rpx;
width: 4rpx; word-break: break-all;
height: 23px; text-overflow: ellipsis;
background: #FEFEFE; display: -webkit-box;
position: absolute; -webkit-box-orient: vertical;
left: 0; -webkit-line-clamp: 2;
top: 33rpx; overflow: hidden;
} margin-top: 9rpx;
.JobComponents.activeThree .JobComponents-center-box{ letter-spacing: 1px;
background: #EEEEEE; font-weight: 500;
} }
.JobComponents.activeTwo .JobComponents-center-box{
background: #F9E0E2; .JobComponents-left {
} flex: 1;
.JobComponents.activeOne .JobComponents-center-box{ flex-grow: 1;
background: #E64150; }
}
.JobComponents-center-box{ .JobComponents-center {
flex-grow: 1; justify-content: space-between;
position: relative; }
border-radius: 30rpx;
padding: 21rpx 18rpx 21rpx 24rpx; .JobComponents-center-line {
margin-bottom: 50rpx; width: 4rpx;
} height: 23px;
.JobComponents.activeThree .JobComponents-point{ background: #FEFEFE;
background: #C1C1C1; position: absolute;
} left: 0;
.JobComponents.activeTwo .JobComponents-point{ top: 33rpx;
background: #282828; }
} .JobComponents.activeThree .JobComponents-center-box {
.JobComponents.activeOne .JobComponents-point{ background: #EEEEEE;
background: #C81727; }
box-shadow: 0px 0px 12px 0px rgba(200, 23, 39, 0.46);
} .JobComponents.activeTwo .JobComponents-center-box {
.JobComponents .JobComponents-point{ background: #F9E0E2;
width: 19rpx; }
height: 19rpx;
position: absolute; .JobComponents.activeOne .JobComponents-center-box {
top: 20rpx; background: #E64150;
left: -13rpx; }
border-radius: 50%;
border: 3px solid #FFFFFF; .JobComponents-center-box {
box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.46); flex-grow: 1;
} position: relative;
.JobComponents-line{ border-radius: 30rpx;
width: 4rpx; padding: 21rpx 18rpx 21rpx 24rpx;
height: 100%; margin-bottom: 50rpx;
background: #F1F1F1; }
margin-left: 46rpx;
margin-right: 46rpx; .JobComponents.activeThree .JobComponents-point {
position: relative; background: #C1C1C1;
} }
.JobComponents-time{
width: 61rpx; .JobComponents.activeTwo .JobComponents-point {
height: 55rpx; background: #282828;
color: #CCC8C6;
font-size: 20rpx; }
border-radius: 20rpx;
padding: 14rpx 13rpx; .JobComponents.activeOne .JobComponents-point {
background: #F6F6F6; background: #C81727;
} box-shadow: 0px 0px 12px 0px rgba(200, 23, 39, 0.46);
.JobComponents-time-box{ }
} .JobComponents .JobComponents-point {
.JobComponents{ width: 19rpx;
justify-content: space-between; height: 19rpx;
padding: 0 50rpx; position: absolute;
} top: 20rpx;
.JobComponents-box{ left: -13rpx;
/* background: #FFFFFF; */ border-radius: 50%;
} border: 3px solid #FFFFFF;
box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.46);
}
.JobComponents-line {
width: 4rpx;
height: 100%;
background: #F1F1F1;
margin-left: 46rpx;
margin-right: 46rpx;
position: relative;
}
.JobComponents-time {
width: 61rpx;
height: 55rpx;
color: #CCC8C6;
font-size: 20rpx;
border-radius: 20rpx;
padding: 14rpx 13rpx;
background: #F6F6F6;
}
.JobComponents-time-box {}
.JobComponents {
justify-content: space-between;
padding: 0 50rpx;
}
.JobComponents-box {
/* background: #FFFFFF; */
}
</style> </style>
src/components/index/commentsComponents.vue
View file @ 83c99a26
<template> <template>
<view class="CommentsComponents-box"> <view class="CommentsComponents-box">
<view class="CommentsComponents activeOne flex"> <view class="CommentsComponents activeOne flex">
<view class="CommentsComponents-time-box flex">
<view class="CommentsComponents-time-box flex"> <view class="CommentsComponents-time">
<view class="CommentsComponents-time"> <view>{{jobData.CreateTime}}</view>
<view>05/25 17:13</view> </view>
</view> <view class="CommentsComponents-line">
<view class="CommentsComponents-line"> <view class="CommentsComponents-point"></view>
<view class="CommentsComponents-point"></view> </view>
</view> </view>
</view> <view class="CommentsComponents-center-box">
<view class="CommentsComponents-center-box"> <view class="CommentsComponents-center-line"></view>
<view class="CommentsComponents-center-line"></view> <view class="CommentsComponents-center flex">
<view class="CommentsComponents-center flex"> <view class="CommentsComponents-left flex">
<view class="CommentsComponents-left flex"> <van-image width="38rpx" height="38rpx" fit="cover" class="operation-img" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_713.png" />
<van-image width="38rpx" height="38rpx" fit="cover" class="operation-img" <view class="operation-name">{{jobData.Title}}</view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_713.png"/> </view>
<view class="operation-name">周老师的评语</view> <view class="CommentsComponents-right">
</view> {{jobData.DataObj.Comment}}
<view class="CommentsComponents-right"> </view>
你是个做事小心翼翼，感情细腻丰富的女孩 </view>
，每次看你认真的样子老师都很感动。你也是幸运的，周 </view>
边有很多人都在关爱着你，所以，对他们，尤其是父母，记得不要 </view>
太莽撞，不要太任性，要学着体谅，学着换位思考
，学着懂事。另外，今后要多运动、多锻炼，有健康才能成就美好未来！
</view>
</view>
</view>
</view>
</view> </view>
</template> </template>
<script> <script>
...@@ -40,12 +34,9 @@ ...@@ -40,12 +34,9 @@
} from "vue"; } from "vue";
export default { export default {
props: { props: ["jobData"],
},
components: {}, components: {},
setup() { setup() {
let data = reactive({ let data = reactive({
obj: { obj: {
Name: '', Name: '',
...@@ -61,95 +52,111 @@ ...@@ -61,95 +52,111 @@
}; };
</script> </script>
<style scoped> <style scoped>
.CommentsComponents-right{ .CommentsComponents-right {
color: #FFFFFF; color: #FFFFFF;
font-size: 20rpx; font-size: 20rpx;
line-height: 35rpx; line-height: 35rpx;
letter-spacing: 1rpx; letter-spacing: 1rpx;
} }
.CommentsComponents.activeThree .operation-name{
color: #282828; .CommentsComponents.activeThree .operation-name {
} color: #282828;
.CommentsComponents.activeTwo .operation-name{ }
color: #282828;
} .CommentsComponents.activeTwo .operation-name {
.CommentsComponents.activeOne .operation-name{ color: #282828;
color: #FFFFFF; }
}
.operation-name{ .CommentsComponents.activeOne .operation-name {
font-size: 26rpx; color: #FFFFFF;
letter-spacing: 1px; }
font-weight: 500;
flex-grow: 1; .operation-name {
} font-size: 26rpx;
.operation-img{ letter-spacing: 1px;
margin-right: 12rpx; font-weight: 500;
border-radius: 50%; flex-grow: 1;
flex-shrink: 0; }
}
.CommentsComponents-left{ .operation-img {
flex: 1; margin-right: 12rpx;
flex-grow: 1; border-radius: 50%;
margin-top: -5rpx; flex-shrink: 0;
margin-bottom: 10rpx; }
}
.CommentsComponents-center{ .CommentsComponents-left {
flex-direction: column; flex: 1;
} flex-grow: 1;
.CommentsComponents-center-line{ margin-top: -5rpx;
width: 4rpx; margin-bottom: 10rpx;
height: 23rpx; }
background: #FEFEFE;
position: absolute; .CommentsComponents-center {
left: 0; flex-direction: column;
top: 33rpx; }
}
.CommentsComponents.activeOne .CommentsComponents-center-box{ .CommentsComponents-center-line {
background: #52C1CA; width: 4rpx;
} height: 23rpx;
.CommentsComponents-center-box{ background: #FEFEFE;
flex-grow: 1; position: absolute;
position: relative; left: 0;
border-radius: 30rpx; top: 33rpx;
padding: 31rpx 18rpx 21rpx 24rpx; }
margin-bottom: 50rpx;
} .CommentsComponents.activeOne .CommentsComponents-center-box {
.CommentsComponents.activeOne .CommentsComponents-point{ background: #52C1CA;
background: #1E7BF5; }
box-shadow: 0px 0px 12px 0px rgba(30, 123, 245, 0.46);
} .CommentsComponents-center-box {
.CommentsComponents-point{ flex-grow: 1;
width: 19rpx; position: relative;
height: 19rpx; border-radius: 30rpx;
position: absolute; padding: 31rpx 18rpx 21rpx 24rpx;
top: 20rpx; margin-bottom: 50rpx;
left: -13rpx; }
border-radius: 50%;
border: 3px solid #FFFFFF; .CommentsComponents.activeOne .CommentsComponents-point {
box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.46); background: #1E7BF5;
} box-shadow: 0px 0px 12px 0px rgba(30, 123, 245, 0.46);
.CommentsComponents-line{ }
width: 4rpx;
height: 100%; .CommentsComponents-point {
background: #F1F1F1; width: 19rpx;
margin-left: 46rpx; height: 19rpx;
margin-right: 46rpx; position: absolute;
position: relative; top: 20rpx;
} left: -13rpx;
.CommentsComponents-time{ border-radius: 50%;
width: 61rpx; border: 3px solid #FFFFFF;
height: 55rpx; box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.46);
color: #CCC8C6; }
font-size: 20rpx;
border-radius: 20rpx; .CommentsComponents-line {
padding: 14rpx 13rpx; width: 4rpx;
background: #F6F6F6; height: 100%;
} background: #F1F1F1;
.CommentsComponents{ margin-left: 46rpx;
justify-content: space-between; margin-right: 46rpx;
padding: 0 50rpx; position: relative;
} }
.CommentsComponents-box{
background: #FFFFFF; .CommentsComponents-time {
} width: 61rpx;
height: 55rpx;
color: #CCC8C6;
font-size: 20rpx;
border-radius: 20rpx;
padding: 14rpx 13rpx;
background: #F6F6F6;
}
.CommentsComponents {
justify-content: space-between;
padding: 0 50rpx;
}
.CommentsComponents-box {
background: #FFFFFF;
}
</style> </style>
src/components/index/course-card.vue
View file @ 83c99a26
...@@ -3,132 +3,67 @@ ...@@ -3,132 +3,67 @@
<view class="course-item"> <view class="course-item">
<view style="width:287rpx;"> <view style="width:287rpx;">
<view class="course-name"> <view class="course-name">
成都2022科学益智L4-05乐思会 {{stuCourseList[0].CourseName}}
</view> </view>
<van-progress percentage="75" :show-pivot="false" track-color="#EFEFEF" color="#282828" <van-progress :percentage="calcPercentage(stuCourseList[0])" :show-pivot="false" track-color="#EFEFEF" color="#282828"
stroke-width="5" /> stroke-width="5" />
<view class="course-progress"> <view class="course-progress">
上课进度 5/12 上课进度 {{stuCourseList[0].CompleteNum}}/{{stuCourseList[0].TotalClassNum}}
</view> </view>
<view class="course-opera"> <view class="course-opera">
<van-button @click="exchangeItemHandler" class-prefix="iconfont" icon=" icon-qiehuan1" round type="default" size="mini" <van-button @click="exchangeItemHandler" class-prefix="iconfont" icon=" icon-qiehuan1" round type="default" size="mini"
custom-style="color:#E23B4A;font-size: 24rpx;padding-left:10rpx;padding-right:10px;">切换课程 custom-style="color:#E23B4A;font-size: 24rpx;padding-left:10rpx;padding-right:10px;">切换课程
</van-button> </van-button>
</view> </view>
</view> </view>
<image class="illustration" <template v-if="stuCourseList[0].CoverImg">
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_494.png" <image class="illustration" :src="stuCourseList[0].CoverImg" mode="widthFix"></image>
mode="widthFix"></image> </template>
<template v-else>
<image class="illustration" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_494.png"
mode="widthFix"></image>
</template>
</view> </view>
<image class="end" <image class="end" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_413.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_413.png" mode="widthFix"></image>
mode="widthFix"></image>
<van-popup :show="showItems" round position="bottom" @click-overlay="hideExchangeBoxHandler" custom-style="height: 60%">
<van-popup
:show="showItems"
round
position="bottom"
@click-overlay="hideExchangeBoxHandler"
custom-style="height: 60%"
>
<view class="exchange-items"> <view class="exchange-items">
<view class="title-box"> <view class="title-box">
<text class="main-title">课程选择</text> <text class="main-title">课程选择</text>
<text class="sub-title">(共有3门课程)</text> <text class="sub-title">(共有{{stuCourseList.length}}门课程)</text>
</view> </view>
<view class="items"> <view class="items">
<view class="item-course"> <template v-for="(item,index) in stuCourseList">
<view class="course-pic"> <view class="item-course">
<image src="https://www.kfzimg.com/G06/M00/B5/48/p4YBAFsJY12AK0n7AAEM2KDUHRw535_n.jpg" mode="aspectFill"></image> <view class="course-pic">
</view> <image v-if="item.CoverImg" :src="item.CoverImg" mode="aspectFill"></image>
<view class="content"> <image v-else src="https://www.kfzimg.com/G06/M00/B5/48/p4YBAFsJY12AK0n7AAEM2KDUHRw535_n.jpg" mode="aspectFill"></image>
<view class="one_line course-name">
高中物理鸿志班（二期周五下午上课）
</view>
<van-progress percentage="46" :show-pivot="false" track-color="#EFEFEF" color="#282828"
stroke-width="5" />
<view class="course-progress">
上课进度 5/12
</view>
<view style="text-align: right;">
<van-button @click="hideExchangeBoxHandler" color="#C91727" round size="mini"
custom-style="color:#FFF;font-size: 24rpx;padding-left:16rpx;padding-right:10px;">
选择课程
</van-button>
</view>
</view>
</view>
<view class="item-course">
<view class="course-pic">
<image src="https://www.kfzimg.com/G06/M00/B5/48/p4YBAFsJY12AK0n7AAEM2KDUHRw535_n.jpg" mode="aspectFill"></image>
</view>
<view class="content">
<view class="one_line course-name">
高中物理鸿志班（二期周五下午上课）
</view>
<van-progress percentage="46" :show-pivot="false" track-color="#EFEFEF" color="#282828"
stroke-width="5" />
<view class="course-progress">
上课进度 5/12
</view> </view>
<view style="text-align: right;"> <view class="content">
<van-button @click="hideExchangeBoxHandler" color="#C91727" round size="mini" <view class="one_line course-name">
custom-style="color:#FFF;font-size: 24rpx;padding-left:16rpx;padding-right:10px;"> {{item.CourseName}}
选择课程 </view>
</van-button> <van-progress :percentage="calcPercentage(item)" :show-pivot="false" track-color="#EFEFEF" color="#282828"
stroke-width="5" />
<view class="course-progress">
上课进度 {{item.CompleteNum}}/{{item.TotalClassNum}}
</view>
<view style="text-align: right;">
<van-button @click="hideExchangeBoxHandler(item)" color="#C91727" round size="mini" custom-style="color:#FFF;font-size: 24rpx;padding-left:16rpx;padding-right:10px;">
选择课程
</van-button>
</view>
</view> </view>
</view> </view>
</view> </template>
<view class="item-course">
<view class="course-pic">
<image src="https://www.kfzimg.com/G06/M00/B5/48/p4YBAFsJY12AK0n7AAEM2KDUHRw535_n.jpg" mode="aspectFill"></image>
</view>
<view class="content">
<view class="one_line course-name">
高中物理鸿志班（二期周五下午上课）
</view>
<van-progress percentage="46" :show-pivot="false" track-color="#EFEFEF" color="#282828"
stroke-width="5" />
<view class="course-progress">
上课进度 5/12
</view>
<view style="text-align: right;">
<van-button @click="hideExchangeBoxHandler" color="#C91727" round size="mini"
custom-style="color:#FFF;font-size: 24rpx;padding-left:16rpx;padding-right:10px;">
选择课程
</van-button>
</view>
</view>
</view>
<view class="item-course">
<view class="course-pic">
<image src="https://www.kfzimg.com/G06/M00/B5/48/p4YBAFsJY12AK0n7AAEM2KDUHRw535_n.jpg" mode="aspectFill"></image>
</view>
<view class="content">
<view class="one_line course-name">
高中物理鸿志班（二期周五下午上课）
</view>
<van-progress percentage="46" :show-pivot="false" track-color="#EFEFEF" color="#282828"
stroke-width="5" />
<view class="course-progress">
上课进度 5/12
</view>
<view style="text-align: right;">
<van-button @click="hideExchangeBoxHandler" color="#C91727" round size="mini"
custom-style="color:#FFF;font-size: 24rpx;padding-left:16rpx;padding-right:10px;">
选择课程
</van-button>
</view>
</view>
</view>
</view> </view>
</view> </view>
</van-popup> </van-popup>
</view> </view>
</template> </template>
<script> <script>
...@@ -143,18 +78,31 @@ ...@@ -143,18 +78,31 @@
onMounted, onMounted,
} from "vue"; } from "vue";
export default { export default {
props: {}, props: ["stuCourseList"],
setup() { setup(props, context) {
let data = reactive({ let data = reactive({
statusBarHeight: 24, statusBarHeight: 24,
showItems:false showItems: false,
}); });
let methods={ let methods = {
exchangeItemHandler(){ exchangeItemHandler() {
data.showItems=true data.showItems = true
},
//点击切换课程
hideExchangeBoxHandler(item) {
//调用父页面方法
this.$parent.getStuHomeWorkAndExam(item.courseId);
data.showItems = false
}, },
hideExchangeBoxHandler(){ //计算完成百分比
data.showItems=false calcPercentage(item) {
let percent = 0;
if (item) {
if (item.TotalClassNum > 0) {
percent = Number(item.CompleteNum / item.TotalClassNum) * 100
}
}
return percent;
} }
} }
return { return {
...@@ -215,8 +163,9 @@ ...@@ -215,8 +163,9 @@
.course-card .course-item .course-opera { .course-card .course-item .course-opera {
margin-top: 20rpx; margin-top: 20rpx;
} }
.course-card .exchange-items{
padding:50rpx 0; .course-card .exchange-items {
padding: 50rpx 0;
padding-bottom: 0; padding-bottom: 0;
height: 100%; height: 100%;
box-sizing: border-box; box-sizing: border-box;
...@@ -224,59 +173,69 @@ ...@@ -224,59 +173,69 @@
flex-direction: column; flex-direction: column;
background: #F6F6F6; background: #F6F6F6;
} }
.course-card .exchange-items .title-box{
padding:0 50rpx; .course-card .exchange-items .title-box {
padding: 0 50rpx;
} }
.course-card .exchange-items .title-box .main-title{
.course-card .exchange-items .title-box .main-title {
font-size: 36rpx; font-size: 36rpx;
font-weight: 800; font-weight: 800;
color:#282828; color: #282828;
} }
.course-card .exchange-items .title-box .sub-title{
.course-card .exchange-items .title-box .sub-title {
font-size: 26rpx; font-size: 26rpx;
font-weight: normal; font-weight: normal;
color:#6F6F6F; color: #6F6F6F;
margin-left: 10rpx; margin-left: 10rpx;
} }
.course-card .exchange-items .items{
.course-card .exchange-items .items {
width: 100%; width: 100%;
flex:1; flex: 1;
overflow-y:auto; overflow-y: auto;
margin-top:40rpx; margin-top: 40rpx;
padding:0 50rpx; padding: 0 50rpx;
box-sizing: border-box; box-sizing: border-box;
} }
.course-card .exchange-items .items .item-course{
.course-card .exchange-items .items .item-course {
margin-bottom: 50rpx; margin-bottom: 50rpx;
padding:40rpx 36rpx; padding: 40rpx 36rpx;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
background-color: #FFF; background-color: #FFF;
border-radius: 30rpx; border-radius: 30rpx;
} }
.course-card .exchange-items .items .item-course .course-pic{
.course-card .exchange-items .items .item-course .course-pic {
width: 100rpx; width: 100rpx;
height: 140rpx; height: 140rpx;
margin-right: 36rpx; margin-right: 36rpx;
overflow: hidden; overflow: hidden;
} }
.course-card .exchange-items .items .item-course .course-pic image{
width:100%; .course-card .exchange-items .items .item-course .course-pic image {
width: 100%;
height: 100%; height: 100%;
} }
.course-card .exchange-items .items .item-course .content{
flex:1; .course-card .exchange-items .items .item-course .content {
flex: 1;
width: 1px; width: 1px;
} }
.course-card .exchange-items .items .item-course .content .course-name{
.course-card .exchange-items .items .item-course .content .course-name {
font-size: 30rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
color: #282828; color: #282828;
line-height: 42rpx; line-height: 42rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.course-card .exchange-items .items .item-course .content .course-progress{
.course-card .exchange-items .items .item-course .content .course-progress {
color: #282828; color: #282828;
font-weight: 400; font-weight: 400;
font-size: 20rpx; font-size: 20rpx;
......
src/components/index/examComponents.vue
View file @ 83c99a26
<template> <template>
<view class="examComponents-box"> <view class="examComponents-box">
<view class="examComponents activeOne flex"> <view class="examComponents activeOne flex">
<view class="examComponents-time-box flex"> <view class="examComponents-time-box flex">
<view class="examComponents-time"> <view class="examComponents-time">
<view>05/25 17:13</view> <view>{{jobData.CreateTime}}</view>
</view> </view>
<view class="examComponents-line"> <view class="examComponents-line">
<view class="examComponents-point"></view> <view class="examComponents-point"></view>
<view class="examComponents-year"> <view class="examComponents-year">
2021 年 2021 年
</view> </view>
</view> </view>
</view> </view>
<view class="examComponents-center-box" @click="scoreDetails"> <view class="examComponents-center-box" @click="scoreDetails">
<view class="examComponents-center-line"></view> <view class="examComponents-center-line"></view>
<view class="examComponents-center flex"> <view class="examComponents-center flex">
<view class="examComponents-left"> <view class="examComponents-left">
<view class="operation-name">考试名称</view> <view class="operation-name">{{jobData.Title}}</view>
</view> </view>
<view class="examComponents-right flex"> <view class="examComponents-right flex">
<view class="homework-score"> <view class="homework-score">
<view class="homework-score-title">总分</view> <view class="homework-score-title">总分</view>
<view class="homework-score-num flex"> <view class="homework-score-num flex">
<view>86</view><view>分</view> <view>{{jobData.DataObj.Score}}</view>
</view> <view>分</view>
</view> </view>
<view class="homework-score"> </view>
<view class="homework-score-title">得分率</view> <view class="homework-score">
<view class="homework-score-num flex"> <view class="homework-score-title">得分率</view>
<view>86</view><view>%</view> <view class="homework-score-num flex">
</view> <view>{{jobData.DataObj.Score_p}}</view>
</view> <view>%</view>
<view class="homework-score"> </view>
<view class="homework-score-title">排名</view> </view>
<view class="homework-score-num flex"> <view class="homework-score">
<view>15</view><view></view> <view class="homework-score-title">排名</view>
</view> <view class="homework-score-num flex">
</view> <view>{{jobData.DataObj.ExamRank}}</view>
<view class="homework-score"> <view></view>
<view class="homework-score-title">领先度</view> </view>
<view class="homework-score-num flex"> </view>
<view>86</view><view>%</view> <view class="homework-score">
</view> <view class="homework-score-title">领先度</view>
</view> <view class="homework-score-num flex">
</view> <view>{{jobData.DataObj.ExamRankRate}}</view>
</view> <view>%</view>
</view> </view>
</view> </view>
</view>
</view>
</view>
</view>
</view> </view>
</template> </template>
<script> <script>
...@@ -60,167 +64,190 @@ ...@@ -60,167 +64,190 @@
} from "vue"; } from "vue";
export default { export default {
props: { props: ["jobData"],
},
components: {}, components: {},
setup() { setup() {
let data = reactive({ let data = reactive({
showPhone: false, showPhone: false,
showLogin: true, //多次点击 showLogin: true, //多次点击
}); });
let methods={ let methods = {
scoreDetails(){ scoreDetails() {
uni.reLaunch({ uni.reLaunch({
url: '/pages/index/scoreDetails' url: '/pages/index/scoreDetails'
}); });
} }
} }
return { return {
...toRefs(data), ...toRefs(data),
...methods ...methods
}; };
}, },
}; };
</script> </script>
<style scoped> <style scoped>
.homework-score-num view:last-child{ .homework-score-num view:last-child {
font-size: 23rpx; font-size: 23rpx;
margin-top: 25rpx; margin-top: 25rpx;
} }
.homework-score-num view:first-child{
margin-right: 10rpx; .homework-score-num view:first-child {
font-size: 46rpx; margin-right: 10rpx;
font-weight: 800; font-size: 46rpx;
} font-weight: 800;
.homework-score-num{ }
color: #3E3D3D;
} .homework-score-num {
.homework-score-title{ color: #3E3D3D;
color: #484646; }
font-size: 20rpx;
margin-bottom: 23rpx; .homework-score-title {
font-weight: 400; color: #484646;
letter-spacing: 1px; font-size: 20rpx;
} margin-bottom: 23rpx;
.homework-score{ font-weight: 400;
margin-right: 16rpx; letter-spacing: 1px;
} }
.homework-score:last-child{
margin-right: 0; .homework-score {
} margin-right: 16rpx;
.examComponents-right{ }
height: 122rpx;
background: #FFFFFF; .homework-score:last-child {
padding: 22rpx 26rpx 15rpx 26rpx; margin-right: 0;
border-radius: 30rpx; }
justify-content: space-between;
} .examComponents-right {
.examComponents.activeThree .operation-name{ height: 122rpx;
color: #282828; background: #FFFFFF;
} padding: 22rpx 26rpx 15rpx 26rpx;
.examComponents.activeTwo .operation-name{ border-radius: 30rpx;
color: #282828; justify-content: space-between;
} }
.examComponents.activeOne .operation-name{
color: #FFFFFF; .examComponents.activeThree .operation-name {
} color: #282828;
.operation-name{ }
font-size: 26rpx;
letter-spacing: 1px; .examComponents.activeTwo .operation-name {
font-weight: 500; color: #282828;
margin-bottom: 20rpx; }
}
.examComponents-left{ .examComponents.activeOne .operation-name {
flex: 1; color: #FFFFFF;
flex-grow: 1; }
}
.examComponents-center{ .operation-name {
flex-direction: column; font-size: 26rpx;
} letter-spacing: 1px;
.examComponents-center-line{ font-weight: 500;
width: 4rpx; margin-bottom: 20rpx;
height: 23px; }
background: #FEFEFE;
position: absolute; .examComponents-left {
left: 0; flex: 1;
top: 33rpx; flex-grow: 1;
} }
.examComponents.activeThree .examComponents-center-box{
background: #EEEEEE; .examComponents-center {
} flex-direction: column;
.examComponents.activeTwo .examComponents-center-box{ }
background: #DBE9FB;
} .examComponents-center-line {
.examComponents.activeOne .examComponents-center-box{ width: 4rpx;
background: #1E7BF5; height: 23px;
} background: #FEFEFE;
.examComponents-center-box{ position: absolute;
flex-grow: 1; left: 0;
position: relative; top: 33rpx;
border-radius: 30rpx; }
padding: 31rpx 18rpx 21rpx 24rpx;
margin-bottom: 50rpx; .examComponents.activeThree .examComponents-center-box {
} background: #EEEEEE;
.examComponents-year{ }
width: 127rpx;
line-height: 111rpx; .examComponents.activeTwo .examComponents-center-box {
text-align: center; background: #DBE9FB;
position: absolute; }
left: -125rpx;
top: -110rpx; .examComponents.activeOne .examComponents-center-box {
background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653476346000_445.png')no-repeat; background: #1E7BF5;
background-size: 100% 100%; }
color: #FFFFFF;
font-size: 30rpx; .examComponents-center-box {
font-weight: bold; flex-grow: 1;
position: relative;
} border-radius: 30rpx;
.examComponents.activeThree .examComponents-point{ padding: 31rpx 18rpx 21rpx 24rpx;
background: #C1C1C1; margin-bottom: 50rpx;
} }
.examComponents.activeTwo .examComponents-point{
background: #282828; .examComponents-year {
width: 127rpx;
} line-height: 111rpx;
.examComponents.activeOne .examComponents-point{ text-align: center;
background: #1E7BF5; position: absolute;
box-shadow: 0px 0px 12px 0px rgba(30, 123, 245, 0.46); left: -125rpx;
} top: -110rpx;
.examComponents-point{ background: url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653476346000_445.png')no-repeat;
width: 19rpx; background-size: 100% 100%;
height: 19rpx; color: #FFFFFF;
position: absolute; font-size: 30rpx;
top: 20rpx; font-weight: bold;
left: -13rpx;
border-radius: 50%; }
border: 3px solid #FFFFFF;
box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.46); .examComponents.activeThree .examComponents-point {
} background: #C1C1C1;
.examComponents-line{ }
width: 4rpx;
height: 100%; .examComponents.activeTwo .examComponents-point {
background: #F1F1F1; background: #282828;
margin-left: 46rpx;
margin-right: 46rpx; }
position: relative;
} .examComponents.activeOne .examComponents-point {
.examComponents-time{ background: #1E7BF5;
width: 61rpx; box-shadow: 0px 0px 12px 0px rgba(30, 123, 245, 0.46);
height: 55rpx; }
color: #CCC8C6;
font-size: 20rpx; .examComponents-point {
border-radius: 20rpx; width: 19rpx;
padding: 14rpx 13rpx; height: 19rpx;
background: #F6F6F6; position: absolute;
} top: 20rpx;
.examComponents{ left: -13rpx;
justify-content: space-between; border-radius: 50%;
padding: 0 50rpx; border: 3px solid #FFFFFF;
} box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.46);
.examComponents-box{ }
background: #FFFFFF;
margin-top: 30rpx; .examComponents-line {
} width: 4rpx;
height: 100%;
background: #F1F1F1;
margin-left: 46rpx;
margin-right: 46rpx;
position: relative;
}
.examComponents-time {
width: 61rpx;
height: 55rpx;
color: #CCC8C6;
font-size: 20rpx;
border-radius: 20rpx;
padding: 14rpx 13rpx;
background: #F6F6F6;
}
.examComponents {
justify-content: space-between;
padding: 0 50rpx;
}
.examComponents-box {
background: #FFFFFF;
margin-top: 30rpx;
}
</style> </style>
src/pages/index/index.vue
View file @ 83c99a26
...@@ -3,32 +3,34 @@ ...@@ -3,32 +3,34 @@
<navbar class="navbarSticky" bg="#F6F6F6"> <navbar class="navbarSticky" bg="#F6F6F6">
<view class="index-header-box"> <view class="index-header-box">
<view class="index-header-img"> <view class="index-header-img">
<van-image width="100%" height="100%" fit="cover" class="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" />
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1653464014000_713.png" />
</view> </view>
<view class="index-header-tetx"> <view class="index-header-tetx">
<view class="index-header-title"> <view class="index-header-title">
welcome {{userData}} welcome
</view> </view>
<view class="index-header-name">周一围</view> <view class="index-header-name">{{userData.AccountName}}</view>
</view> </view>
</view> </view>
</navbar> </navbar>
<view style="margin: 40rpx 0 10rpx 0;"> <view style="margin: 40rpx 0 10rpx 0;">
<view style="padding:0 50rpx;font-weight: 800;color: #282828;"> <view style="padding:0 50rpx;font-weight: 800;color: #282828;">
<view style="font-size: 36rpx;">Hello,</view> <view style="font-size: 36rpx;">Hello,{{userData.AccountName}}</view>
<view style="font-size: 50rpx;">您的学情反馈已准备好</view> <view style="font-size: 50rpx;">您的学情反馈已准备好</view>
</view> </view>
</view> </view>
<course-card></course-card> <course-card :stuCourseList="stuCourseList"></course-card>
<view class="index-student-title flex"> <view class="index-student-title flex">
<text>考情详情</text> <text>考情详情</text>
<view>(共53条)</view> <view>(共{{workList!=null&&workList.length>0?workList.length:0}}条)</view>
</view> </view>
<view class="index-student-information"> <view class="index-student-information">
<JobComponents></JobComponents> <template v-for="(item,index) in workList">
<examComponents></examComponents> <JobComponents v-if="item.ResultType==1" :jobData="item"></JobComponents>
<commentsComponents></commentsComponents> <examComponents v-if="item.ResultType==2" :jobData="item"></examComponents>
<commentsComponents v-if="item.ResultType==3" :jobData="item"></commentsComponents>
</template>
</view> </view>
</view> </view>
</template> </template>
...@@ -51,9 +53,9 @@ ...@@ -51,9 +53,9 @@
nextTick, nextTick,
} from "vue"; } from "vue";
import { import {
getSweepCode getSweepCode
} from '../../api/index.js' } from '../../api/index.js'
import { import {
getImageColor getImageColor
} from '../../utils/index.js' } from '../../utils/index.js'
...@@ -61,11 +63,6 @@ ...@@ -61,11 +63,6 @@
import navbar from '../../components/navbar.vue' import navbar from '../../components/navbar.vue'
import bottom from '../../components/bottom.vue' import bottom from '../../components/bottom.vue'
export default { export default {
// data(){
// return{
// }
// }
components: { components: {
indexassembly, indexassembly,
navbar, navbar,
...@@ -80,25 +77,16 @@ ...@@ -80,25 +77,16 @@
proxy proxy
} = getCurrentInstance(); } = getCurrentInstance();
let data = reactive({ let data = reactive({
ActiveMsg: { stuCourseList: [], //学员课程列表
pageIndex: 1, userData: {}, //用户信息
pageSize: 10, //学员作业和考试查询参数
ActivityType: 0, workMsg: {
SelectIsEnd: 0, courseId: 0,
},
ActivityList: [],
pageData: {
LearningGardenList: []
},
SurveyObj:{
ActivitySurveyId:0,
ActivitySurveyGuestId:0,
}, },
userData: {} workList: [],//学员作业、考试、评语数据
}); });
let methods = { let methods = {
jumpPage(url) { jumpPage(url) {
uni.navigateTo({ uni.navigateTo({
url: url, url: url,
...@@ -109,10 +97,7 @@ ...@@ -109,10 +97,7 @@
url: '/pages/timetable/timeTable', url: '/pages/timetable/timeTable',
}) })
}, },
//跳转至详情
goActiveDetail(Id) {
// this.jumpPage(`/pages/activity/activityDetails?Id=${Id}`);
},
base64_decode(data) { base64_decode(data) {
var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
var o1, var o1,
...@@ -149,91 +134,26 @@ ...@@ -149,91 +134,26 @@
} }
} while (i < data.length); } while (i < data.length);
dec = tmp_arr.join(""); dec = tmp_arr.join("");
//dec = utf8_decode(dec);
return dec; return dec;
}, },
//{"cmd":"checkin","params":{"classId":0,"ClassDate":"2022-4-19","ClassRoomId":27, //获取学员课程列表
//"School_Id":0,"TeacherId":8,"CheckStatus":0,"StudyNum":"90","ClassTimeId":16531}} getStuCourse() {
scan() {
//调起条码扫描
console.log("进来了")
let that = this
uni.scanCode({
scanType: ['qrCode'],
success: function(res) {
// 解码
var saveObj={};
try {
saveObj = that.base64_decode(res.result)
// console.log(saveObj)
} catch (e) {
//TODO handle the exception
// console.log(e)
}
var jsonObj= JSON.parse(saveObj)
if(jsonObj.cmd =="checkin"){
var userData = uni.getStorageSync('userInfo');
console.log("userData",userData);
jsonObj.params.StuId=userData.AccountId;
var array=[];
array.push(jsonObj.params);
console.log("jsonObj.params",jsonObj.params)
let result = getSweepCode(array);
if (result) {
// console.log(result)
if (result.Code == 1) {
console.log('扫码成功')
uni.navigateTo({
url:'./success',
})
}else{
console.log('扫码失败')
uni.navigateTo({
url: './fail'
})
}
}
}
},
});
},
async getActivityData() {
// let res = await getActivityList(data.ActiveMsg);
// if (res.resultCode == 1) {
// data.ActivityList = res.data.pageData;
// }
},
getIndexData() {
proxy.$request("/Stu/GetStuCourse", {}).then(res => { proxy.$request("/Stu/GetStuCourse", {}).then(res => {
data.pageData = res.Data let tempArray = res.Data;
uni.setStorageSync("indexData", res.Data); data.stuCourseList = tempArray;
data.SurveyObj.ActivitySurveyId=res.Data.ActivitySurveyId; if (tempArray && tempArray.length > 0) {
data.SurveyObj.ActivitySurveyGuestId=res.Data.ActivitySurveyGuestId; this.getStuHomeWorkAndExam(tempArray[0].courseId)
if (data.pageData.LearningGardenList.length > 0) {
data.pageData.LearningGardenList.forEach((x, y) => {
if (x.List.length > 0) {
x.List.forEach(async (item, index) => {
await this.getColor(item.Img, index, y).then(v => {
data.pageData.LearningGardenList[v.y]
.List[
v.index].bgcolor = v.formatres;
data.pageData.LearningGardenList[v.y]
.List[
v.index].bgcolor1 = v
.formatres1;
data.pageData.LearningGardenList[v.y]
.List[
v.index].bgcolor2 = v
.formatres2;
})
})
}
})
} }
}) })
}, },
//获取学员作业、考试、评语
getStuHomeWorkAndExam(courseId) {
this.workMsg.courseId = courseId;
data.workList = [];
proxy.$request("/Stu/GetStuWork", this.workMsg).then(res => {
data.workList = res.Data;
})
},
async getColor(src, index, y) { async getColor(src, index, y) {
let res = await getImageColor('myCanvas', 'img' + index, src) let res = await getImageColor('myCanvas', 'img' + index, src)
let obj = {} let obj = {}
...@@ -244,33 +164,6 @@ ...@@ -244,33 +164,6 @@
obj.y = y obj.y = y
return obj return obj
}, },
againdata() {
data.userData = uni.getStorageSync('userInfo');
methods.getIndexData();
methods.getActivityData();
},
jumpGarden(id) {
if (id == 1) {
uni.navigateTo({
url: "/pages/learningGarden/learningGardenList"
})
} else if (id == 2) {
// uni.navigateTo({
// url:"/pages/learningGarden/learningGardenList"
// })
}
},
jumpJiahemini() {
let userinfo = uni.getStorageSync('userInfo');
wx.navigateToMiniProgram({
appId: 'wx38e054ee42b054f4',
path: '', //为空则打开首页
extraData: {
Id: userinfo.Id || 0
}
})
}
}; };
onMounted(() => { onMounted(() => {
...@@ -282,8 +175,7 @@ ...@@ -282,8 +175,7 @@
}; };
}, },
onShow() { onShow() {
this.getActivityData(); this.getStuCourse();
this.getIndexData();
this.userData = uni.getStorageSync('userInfo'); this.userData = uni.getStorageSync('userInfo');
}, },
onShareAppMessage() { onShareAppMessage() {
...@@ -304,35 +196,41 @@ ...@@ -304,35 +196,41 @@
</script> </script>
<style scoped> <style scoped>
.index-student-title view{ .index-student-title view {
font-size: 25rpx; font-size: 25rpx;
color: #ABABAB; color: #ABABAB;
margin-left: 20rpx; margin-left: 20rpx;
padding: 13rpx 0 0 0; padding: 13rpx 0 0 0;
} }
.index-student-title text{
.index-student-title text {
font-size: 36rpx; font-size: 36rpx;
font-weight: 800; font-weight: 800;
color: #282828; color: #282828;
} }
.index-student-title{
.index-student-title {
padding: 0 50rpx 45rpx; padding: 0 50rpx 45rpx;
} }
.index-student-information{
.index-student-information {
min-height: 500rpx; min-height: 500rpx;
background: rgba(255,255,255,.7); background: rgba(255, 255, 255, .7);
border-radius: 50rpx 50rpx 0 0; border-radius: 50rpx 50rpx 0 0;
padding: 71rpx 0 0 0; padding: 71rpx 0 0 0;
} }
.index-header-name{
.index-header-name {
font-size: 30rpx; font-size: 30rpx;
color: #474747; color: #474747;
} }
.index-header-tetx{
.index-header-tetx {
color: #D0D0D0; color: #D0D0D0;
font-size: 24rpx; font-size: 24rpx;
} }
.index-header-img .img{
.index-header-img .img {
display: block; display: block;
border: 2rpx solid rgba(164, 164, 164, 0.32); border: 2rpx solid rgba(164, 164, 164, 0.32);
border-radius: 50%; border-radius: 50%;
...@@ -342,7 +240,8 @@ ...@@ -342,7 +240,8 @@
box-sizing: border-box; box-sizing: border-box;
margin: 4rpx; margin: 4rpx;
} }
.index-header-img{
.index-header-img {
width: 68rpx; width: 68rpx;
height: 68rpx; height: 68rpx;
border-radius: 50%; border-radius: 50%;
...@@ -351,6 +250,7 @@ ...@@ -351,6 +250,7 @@
margin-right: 20rpx; margin-right: 20rpx;
background: #FFFFFF; background: #FFFFFF;
} }
.indexpage { .indexpage {
min-height: 100vh; min-height: 100vh;
background-color: #f6f6f6; background-color: #f6f6f6;
...@@ -360,26 +260,29 @@ ...@@ -360,26 +260,29 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; background-size: 100% auto;
} }
.index-header-box{
.index-header-box {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
padding:0rpx 42rpx ; padding: 0rpx 42rpx;
} }
.index-header-box .index-header-title{
.index-header-box .index-header-title {
font-size: 24rpx; font-size: 24rpx;
font-weight: 400; font-weight: 400;
color: #B8B8B8; color: #B8B8B8;
} }
.index-header-box .index-header-name{
.index-header-box .index-header-name {
font-size: 30rpx; font-size: 30rpx;
font-weight: 800; font-weight: 800;
color: #282828; color: #282828;
} }
.navbarSticky { .navbarSticky {
display: sticky; display: sticky;
top: 0; top: 0;
z-index: 9; z-index: 9;
} }
</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