|
@@ -3,7 +3,7 @@
|
|
<view v-if="!isHomeLoad">
|
|
<view v-if="!isHomeLoad">
|
|
<loading></loading>
|
|
<loading></loading>
|
|
</view>
|
|
</view>
|
|
- <view class="page_view" v-if="isHomeLoad">
|
|
|
|
|
|
+ <view class="page-view" v-if="isHomeLoad">
|
|
<!-- 成绩统计 -->
|
|
<!-- 成绩统计 -->
|
|
<view class="bg1">
|
|
<view class="bg1">
|
|
<view class="circle_line1"></view>
|
|
<view class="circle_line1"></view>
|
|
@@ -35,11 +35,11 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 课程 -->
|
|
<!-- 课程 -->
|
|
- <view class="card_view">
|
|
|
|
|
|
+ <view class="card-view">
|
|
<!-- 今日课程模块 -->
|
|
<!-- 今日课程模块 -->
|
|
- <view class="card_item" style="width: 100%;" v-if="classCurrent != -1">
|
|
|
|
- <view class="card_title">
|
|
|
|
- <view class="front_tag"></view>
|
|
|
|
|
|
+ <view class="card-item" style="width: 100%;" v-if="classCurrent != -1">
|
|
|
|
+ <view class="card-title">
|
|
|
|
+ <view class="front-tag"></view>
|
|
<view class="title">今日课程</view>
|
|
<view class="title">今日课程</view>
|
|
<view class="flex_row" style="margin: 0 0 0 auto;" @click="navClassList">
|
|
<view class="flex_row" style="margin: 0 0 0 auto;" @click="navClassList">
|
|
<view class="t-icon t-icon-fenlei"></view>
|
|
<view class="t-icon t-icon-fenlei"></view>
|
|
@@ -55,10 +55,10 @@
|
|
<view class="flex_row_home">
|
|
<view class="flex_row_home">
|
|
<view class="class_item_title">{{classList[classCurrent - 3].title}}</view>
|
|
<view class="class_item_title">{{classList[classCurrent - 3].title}}</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent - 3].name}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent - 3].name}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent - 3].teacher}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent - 3].teacher}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex_row_home">
|
|
<view class="flex_row_home">
|
|
@@ -83,10 +83,10 @@
|
|
<view class="flex_row_home">
|
|
<view class="flex_row_home">
|
|
<view class="class_item_title">{{classList[classCurrent - 2].title}}</view>
|
|
<view class="class_item_title">{{classList[classCurrent - 2].title}}</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent - 2].name}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent - 2].name}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent - 2].teacher}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent - 2].teacher}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex_row_home">
|
|
<view class="flex_row_home">
|
|
@@ -113,10 +113,10 @@
|
|
{{classList[classCurrent - 1].title}}
|
|
{{classList[classCurrent - 1].title}}
|
|
</view>
|
|
</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent - 1].name}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent - 1].name}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent - 1].teacher}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent - 1].teacher}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex_row_home">
|
|
<view class="flex_row_home">
|
|
@@ -142,10 +142,10 @@
|
|
<view class="flex_row_home">
|
|
<view class="flex_row_home">
|
|
<view class="class_item_title">{{classList[classCurrent].title}}</view>
|
|
<view class="class_item_title">{{classList[classCurrent].title}}</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent].name}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent].name}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent].teacher}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent].teacher}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex_row_home">
|
|
<view class="flex_row_home">
|
|
@@ -171,10 +171,10 @@
|
|
<view class="flex_row_home">
|
|
<view class="flex_row_home">
|
|
<view class="class_item_title">{{classList[classCurrent+1].title}}</view>
|
|
<view class="class_item_title">{{classList[classCurrent+1].title}}</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent+1].name}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent+1].name}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="tag">
|
|
<view class="tag">
|
|
- <view class="tag_text">{{classList[classCurrent+1].teacher}}</view>
|
|
|
|
|
|
+ <view class="tag-text">{{classList[classCurrent+1].teacher}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex_row_home">
|
|
<view class="flex_row_home">
|
|
@@ -194,9 +194,9 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 插画模块 -->
|
|
<!-- 插画模块 -->
|
|
- <view class="card_item" style="width: 100%;" v-if="classCurrent === -1">
|
|
|
|
- <view class="card_title">
|
|
|
|
- <view class="front_tag"></view>
|
|
|
|
|
|
+ <view class="card-item" style="width: 100%;" v-if="classCurrent === -1">
|
|
|
|
+ <view class="card-title">
|
|
|
|
+ <view class="front-tag"></view>
|
|
<view class="title">今日课程</view>
|
|
<view class="title">今日课程</view>
|
|
</view>
|
|
</view>
|
|
<view class="detail_image_none" :style="{backgroundImage:`url(${image})`}"></view>
|
|
<view class="detail_image_none" :style="{backgroundImage:`url(${image})`}"></view>
|
|
@@ -208,10 +208,10 @@
|
|
</view>
|
|
</view>
|
|
<view class="class_item_title" v-if="isAfterDayClass">课程完成</view>
|
|
<view class="class_item_title" v-if="isAfterDayClass">课程完成</view>
|
|
<view class="tag" style="margin: 0;">
|
|
<view class="tag" style="margin: 0;">
|
|
- <view class="tag_text" v-if="!isAfterDayClass">
|
|
|
|
|
|
+ <view class="tag-text" v-if="!isAfterDayClass">
|
|
{{classList.length === 0 ? '无课' : '下课'}}
|
|
{{classList.length === 0 ? '无课' : '下课'}}
|
|
</view>
|
|
</view>
|
|
- <view class="tag_text" v-if="isAfterDayClass">放学</view>
|
|
|
|
|
|
+ <view class="tag-text" v-if="isAfterDayClass">放学</view>
|
|
</view>
|
|
</view>
|
|
<view class="class_item_subtitle" style="font-weight: 400;font-size: 26rpx;"
|
|
<view class="class_item_subtitle" style="font-weight: 400;font-size: 26rpx;"
|
|
v-if="!isAfterDayClass">
|
|
v-if="!isAfterDayClass">
|
|
@@ -229,7 +229,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 今日打卡模块 -->
|
|
<!-- 今日打卡模块 -->
|
|
- <view class="card_item" style="height: 300rpx;" @click="navClockStats">
|
|
|
|
|
|
+ <view class="card-item" style="height: 300rpx;" @click="navClockStats">
|
|
<view class="flex_row" style="margin: 20rpx 20rpx 0 20rpx;">
|
|
<view class="flex_row" style="margin: 20rpx 20rpx 0 20rpx;">
|
|
<view class="icon_box" style="width: 110rpx;height: 110rpx; background-color: #d8deff;">
|
|
<view class="icon_box" style="width: 110rpx;height: 110rpx; background-color: #d8deff;">
|
|
<view class="t-icon t-icon-a-rilidaka" style="width: 60rpx;height: 60rpx;"></view>
|
|
<view class="t-icon t-icon-a-rilidaka" style="width: 60rpx;height: 60rpx;"></view>
|
|
@@ -237,35 +237,35 @@
|
|
<view class="item_block">
|
|
<view class="item_block">
|
|
<view class="subtitle">打卡记录</view>
|
|
<view class="subtitle">打卡记录</view>
|
|
<view class="flex_baseline">
|
|
<view class="flex_baseline">
|
|
- <view class="YS_title">{{dayTime.split('月')[0]}}</view>
|
|
|
|
- <view class="YS_title" style="font-size: 28rpx; margin-left: 6rpx;">月</view>
|
|
|
|
- <view class="YS_title" style="margin-left: 4rpx;">
|
|
|
|
|
|
+ <view class="YS-title">{{dayTime.split('月')[0]}}</view>
|
|
|
|
+ <view class="YS-title" style="font-size: 28rpx; margin-left: 6rpx;">月</view>
|
|
|
|
+ <view class="YS-title" style="margin-left: 4rpx;">
|
|
{{dayTime.split('月')[1]}}
|
|
{{dayTime.split('月')[1]}}
|
|
</view>
|
|
</view>
|
|
- <view class="YS_title" style="font-size: 28rpx; margin-left: 6rpx;">日</view>
|
|
|
|
|
|
+ <view class="YS-title" style="font-size: 28rpx; margin-left: 6rpx;">日</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flex_row" style="margin: auto 20rpx 20rpx 20rpx;justify-content: space-between;">
|
|
<view class="flex_row" style="margin: auto 20rpx 20rpx 20rpx;justify-content: space-between;">
|
|
<view class="item_block" style="margin-left: -10rpx;">
|
|
<view class="item_block" style="margin-left: -10rpx;">
|
|
<view class="subtitle">打卡时间</view>
|
|
<view class="subtitle">打卡时间</view>
|
|
- <view class="YS_title" v-if="clockTime === '无记录'">
|
|
|
|
|
|
+ <view class="YS-title" v-if="clockTime === '无记录'">
|
|
{{clockTime}}
|
|
{{clockTime}}
|
|
</view>
|
|
</view>
|
|
<view class="flex_baseline" v-if="clockTime != '无记录'">
|
|
<view class="flex_baseline" v-if="clockTime != '无记录'">
|
|
- <view class="YS_title">
|
|
|
|
|
|
+ <view class="YS-title">
|
|
{{clockTime.split(':')[0].replace('0','')}}
|
|
{{clockTime.split(':')[0].replace('0','')}}
|
|
</view>
|
|
</view>
|
|
- <view class="YS_title" style="font-size: 28rpx; margin-left: 6rpx;">点</view>
|
|
|
|
- <view class="YS_title" style="margin-left: 6rpx;">
|
|
|
|
|
|
+ <view class="YS-title" style="font-size: 28rpx; margin-left: 6rpx;">点</view>
|
|
|
|
+ <view class="YS-title" style="margin-left: 6rpx;">
|
|
{{clockTime.split(':')[1]}}
|
|
{{clockTime.split(':')[1]}}
|
|
</view>
|
|
</view>
|
|
- <view class="YS_title" style="font-size: 28rpx; margin-left: 6rpx;">分</view>
|
|
|
|
|
|
+ <view class="YS-title" style="font-size: 28rpx; margin-left: 6rpx;">分</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="icon_box" style="width: 110rpx;height: 110rpx;"
|
|
<view class="icon_box" style="width: 110rpx;height: 110rpx;"
|
|
:style="{backgroundColor: clockState === '未打卡' ? '#ff5959':'#4169E1'}">
|
|
:style="{backgroundColor: clockState === '未打卡' ? '#ff5959':'#4169E1'}">
|
|
- <view class="YS_title" style="color: #FFF;font-size: 32rpx;">
|
|
|
|
|
|
+ <view class="YS-title" style="color: #FFF;font-size: 32rpx;">
|
|
{{clockState}}
|
|
{{clockState}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -277,7 +277,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 今日出席模块 -->
|
|
<!-- 今日出席模块 -->
|
|
- <view class="card_item" style="background-color: #f3f4f9;justify-content: space-between;">
|
|
|
|
|
|
+ <view class="card-item" style="background-color: #f3f4f9;justify-content: space-between;">
|
|
<!-- 当前课程 -->
|
|
<!-- 当前课程 -->
|
|
<view class="item_box1">
|
|
<view class="item_box1">
|
|
<view class="icon_box" style="background-color: #d8deff; margin-left: 20rpx;">
|
|
<view class="icon_box" style="background-color: #d8deff; margin-left: 20rpx;">
|
|
@@ -286,22 +286,22 @@
|
|
<view class="flex_cloumn"
|
|
<view class="flex_cloumn"
|
|
style="align-items: center; justify-content: space-around;height: 80rpx;">
|
|
style="align-items: center; justify-content: space-around;height: 80rpx;">
|
|
<view class="subtitle" style="font-size: 24rpx;">当前课程</view>
|
|
<view class="subtitle" style="font-size: 24rpx;">当前课程</view>
|
|
- <view class="YS_title" v-if="classCurrent!=-1">
|
|
|
|
|
|
+ <view class="YS-title" v-if="classCurrent!=-1">
|
|
{{classList[classCurrent - 1].name}}
|
|
{{classList[classCurrent - 1].name}}
|
|
</view>
|
|
</view>
|
|
- <view class="YS_title" v-if="classCurrent===-1">无课程</view>
|
|
|
|
|
|
+ <view class="YS-title" v-if="classCurrent===-1">无课程</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="classCurrent != -1">
|
|
<view v-if="classCurrent != -1">
|
|
<view class="icon_box" style="margin-right: 20rpx;"
|
|
<view class="icon_box" style="margin-right: 20rpx;"
|
|
:style="{backgroundColor: classList[classCurrent - 1].attendance ? '#23b46c':'#ff5959'}">
|
|
:style="{backgroundColor: classList[classCurrent - 1].attendance ? '#23b46c':'#ff5959'}">
|
|
- <view class="YS_title" style="color: #FFF;font-size: 32rpx;">
|
|
|
|
|
|
+ <view class="YS-title" style="color: #FFF;font-size: 32rpx;">
|
|
{{classList[classCurrent - 1].attendance ? '出勤':'缺勤'}}
|
|
{{classList[classCurrent - 1].attendance ? '出勤':'缺勤'}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="classCurrent === -1">
|
|
<view v-if="classCurrent === -1">
|
|
<view class="icon_box" style="margin-right: 20rpx;background-color: #f9c752;">
|
|
<view class="icon_box" style="margin-right: 20rpx;background-color: #f9c752;">
|
|
- <view class="YS_title" style="color: #FFF;font-size: 32rpx;">休息</view>
|
|
|
|
|
|
+ <view class="YS-title" style="color: #FFF;font-size: 32rpx;">休息</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -313,18 +313,18 @@
|
|
<view class="flex_cloumn"
|
|
<view class="flex_cloumn"
|
|
style="align-items: center;justify-content: space-around;height: 80rpx;">
|
|
style="align-items: center;justify-content: space-around;height: 80rpx;">
|
|
<view class="subtitle" style="font-size: 24rpx;">出勤课程</view>
|
|
<view class="subtitle" style="font-size: 24rpx;">出勤课程</view>
|
|
- <view class="YS_title" v-if="classList">{{finishClassNum}}节课</view>
|
|
|
|
- <view class="YS_title" v-if="!classList">0 节</view>
|
|
|
|
|
|
+ <view class="YS-title" v-if="classList">{{finishClassNum}}节课</view>
|
|
|
|
+ <view class="YS-title" v-if="!classList">0 节</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="classList">
|
|
<view v-if="classList">
|
|
<view class="icon_box" style="margin-right: 20rpx;"
|
|
<view class="icon_box" style="margin-right: 20rpx;"
|
|
:style="{backgroundColor: classAttendanceQuality === '全勤' ? '#23b46c':'#ff5959'}">
|
|
:style="{backgroundColor: classAttendanceQuality === '全勤' ? '#23b46c':'#ff5959'}">
|
|
- <view class="YS_title" style="color: #FFF;font-size: 32rpx;">{{classAttendanceQuality}}</view>
|
|
|
|
|
|
+ <view class="YS-title" style="color: #FFF;font-size: 32rpx;">{{classAttendanceQuality}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="!classList">
|
|
<view v-if="!classList">
|
|
<view class="icon_box" style="margin-right: 20rpx;background-color: #f9c752;">
|
|
<view class="icon_box" style="margin-right: 20rpx;background-color: #f9c752;">
|
|
- <view class="YS_title" style="color: #FFF;font-size: 32rpx;">休息</view>
|
|
|
|
|
|
+ <view class="YS-title" style="color: #FFF;font-size: 32rpx;">休息</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -333,7 +333,7 @@
|
|
<!-- 推荐课例列表 -->
|
|
<!-- 推荐课例列表 -->
|
|
<view class="flex_cloumn" style="margin: 15rpx 0 10rpx 20rpx;">
|
|
<view class="flex_cloumn" style="margin: 15rpx 0 10rpx 20rpx;">
|
|
<view class="title" style="font-size: 32rpx;">课程推荐</view>
|
|
<view class="title" style="font-size: 32rpx;">课程推荐</view>
|
|
- <view class="bottom_tag"></view>
|
|
|
|
|
|
+ <view class="bottom-tag"></view>
|
|
</view>
|
|
</view>
|
|
<view class="flex_row" style="width: 70%;"></view>
|
|
<view class="flex_row" style="width: 70%;"></view>
|
|
</view>
|
|
</view>
|
|
@@ -348,16 +348,16 @@
|
|
style="margin: 20rpx 20rpx 20rpx 30rpx;justify-content: space-between;width: 400rpx;">
|
|
style="margin: 20rpx 20rpx 20rpx 30rpx;justify-content: space-between;width: 400rpx;">
|
|
<view class="title" style="font-size: 32rpx;">{{classItem.title}}</view>
|
|
<view class="title" style="font-size: 32rpx;">{{classItem.title}}</view>
|
|
<view style="display: flex;align-items: center;">
|
|
<view style="display: flex;align-items: center;">
|
|
- <view class="tag_fill" style="background-color: #d8deff;width:fit-content;">
|
|
|
|
|
|
+ <view class="tag-fill" style="background-color: #d8deff;width:fit-content;">
|
|
<view class="t-icon t-icon-a-wangluokechengzaixianjiaoyu"
|
|
<view class="t-icon t-icon-a-wangluokechengzaixianjiaoyu"
|
|
style="width: 30rpx;height: 30rpx;margin-right: 5rpx;"></view>
|
|
style="width: 30rpx;height: 30rpx;margin-right: 5rpx;"></view>
|
|
- <view class="tag_text" style="color: #4169E1;">{{classItem.classHour}} 学时</view>
|
|
|
|
|
|
+ <view class="tag-text" style="color: #4169E1;">{{classItem.classHour}} 学时</view>
|
|
</view>
|
|
</view>
|
|
- <view class="tag_fill"
|
|
|
|
|
|
+ <view class="tag-fill"
|
|
style="background-color: #d8deff;width:fit-content;margin-left: 20rpx;">
|
|
style="background-color: #d8deff;width:fit-content;margin-left: 20rpx;">
|
|
<view class="t-icon t-icon-xiaoyuanredian"
|
|
<view class="t-icon t-icon-xiaoyuanredian"
|
|
style="width: 30rpx;height: 30rpx;margin-right: 5rpx;"></view>
|
|
style="width: 30rpx;height: 30rpx;margin-right: 5rpx;"></view>
|
|
- <view class="tag_text" style="color: #4169E1;">{{classItem.learnNum}} 已学</view>
|
|
|
|
|
|
+ <view class="tag-text" style="color: #4169E1;">{{classItem.learnNum}} 已学</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="desc">{{classItem.description}}</view>
|
|
<view class="desc">{{classItem.description}}</view>
|