|
@@ -237,36 +237,35 @@
|
|
|
<view class="item_block">
|
|
|
<view class="subtitle">打卡记录</view>
|
|
|
<view class="flex_baseline">
|
|
|
- <view class="title" style="transform: skew(-10deg);">{{dayTime.split('月')[0]}}</view>
|
|
|
- <view class="title" style="font-size: 22rpx; margin-left: 10rpx;">月</view>
|
|
|
- <view class="title" style="margin-left: 10rpx;transform: skew(-10deg);">
|
|
|
+ <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]}}
|
|
|
</view>
|
|
|
- <view class="title" style="font-size: 22rpx; margin-left: 10rpx;">日</view>
|
|
|
+ <view class="YS_title" style="font-size: 28rpx; margin-left: 6rpx;">日</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex_row" style="margin: auto 20rpx 20rpx 20rpx;justify-content: space-between;">
|
|
|
<view class="item_block" style="margin-left: -10rpx;">
|
|
|
<view class="subtitle">打卡时间</view>
|
|
|
- <view class="title" v-if="clockTime === '无记录'" style="transform: skew(-10deg);">
|
|
|
+ <view class="YS_title" v-if="clockTime === '无记录'">
|
|
|
{{clockTime}}
|
|
|
</view>
|
|
|
<view class="flex_baseline" v-if="clockTime != '无记录'">
|
|
|
- <view class="title" style="transform: skew(-10deg);">
|
|
|
+ <view class="YS_title">
|
|
|
{{clockTime.split(':')[0].replace('0','')}}
|
|
|
</view>
|
|
|
- <view class="title" style="font-size: 22rpx; margin-left: 10rpx;">点</view>
|
|
|
- <view class="title" style="transform: skew(-10deg);margin-left: 10rpx;">
|
|
|
+ <view class="YS_title" style="font-size: 28rpx; margin-left: 6rpx;">点</view>
|
|
|
+ <view class="YS_title" style="margin-left: 6rpx;">
|
|
|
{{clockTime.split(':')[1]}}
|
|
|
</view>
|
|
|
- <view class="title" style="font-size: 22rpx; margin-left: 10rpx;">分</view>
|
|
|
+ <view class="YS_title" style="font-size: 28rpx; margin-left: 6rpx;">分</view>
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
<view class="icon_box" style="width: 110rpx;height: 110rpx;"
|
|
|
:style="{backgroundColor: clockState === '未打卡' ? '#ff5959':'#4169E1'}">
|
|
|
- <view class="title" style="color: #FFF;font-size: 26rpx;transform: skew(-10deg);">
|
|
|
+ <view class="YS_title" style="color: #FFF;font-size: 32rpx;">
|
|
|
{{clockState}}
|
|
|
</view>
|
|
|
</view>
|
|
@@ -287,23 +286,22 @@
|
|
|
<view class="flex_cloumn"
|
|
|
style="align-items: center; justify-content: space-around;height: 80rpx;">
|
|
|
<view class="subtitle" style="font-size: 24rpx;">当前课程</view>
|
|
|
- <view class="title" style="font-size: 32rpx;" v-if="classCurrent!=-1">
|
|
|
+ <view class="YS_title" v-if="classCurrent!=-1">
|
|
|
{{classList[classCurrent - 1].name}}
|
|
|
</view>
|
|
|
- <view class="title" style="font-size: 32rpx;" v-if="classCurrent===-1">无课程</view>
|
|
|
+ <view class="YS_title" v-if="classCurrent===-1">无课程</view>
|
|
|
</view>
|
|
|
<view v-if="classCurrent != -1">
|
|
|
<view class="icon_box" style="margin-right: 20rpx;"
|
|
|
:style="{backgroundColor: classList[classCurrent - 1].attendance ? '#23b46c':'#ff5959'}">
|
|
|
- <view class="subtitle" style="color: #FFF;font-size: 26rpx;transform: skew(-10deg);">
|
|
|
+ <view class="YS_title" style="color: #FFF;font-size: 32rpx;">
|
|
|
{{classList[classCurrent - 1].attendance ? '出勤':'缺勤'}}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view v-if="classCurrent === -1">
|
|
|
<view class="icon_box" style="margin-right: 20rpx;background-color: #f9c752;">
|
|
|
- <view class="subtitle" style="color: #FFF;font-size: 26rpx;transform: skew(-10deg);">休息
|
|
|
- </view>
|
|
|
+ <view class="YS_title" style="color: #FFF;font-size: 32rpx;">休息</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -315,22 +313,18 @@
|
|
|
<view class="flex_cloumn"
|
|
|
style="align-items: center;justify-content: space-around;height: 80rpx;">
|
|
|
<view class="subtitle" style="font-size: 24rpx;">出勤课程</view>
|
|
|
- <view class="title" style="font-size: 32rpx;" v-if="classList">{{finishClassNum}} 节
|
|
|
- </view>
|
|
|
- <view class="title" style="font-size: 32rpx;" 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 v-if="classList">
|
|
|
<view class="icon_box" style="margin-right: 20rpx;"
|
|
|
:style="{backgroundColor: classAttendanceQuality === '全勤' ? '#23b46c':'#ff5959'}">
|
|
|
- <view class="subtitle" style="color: #FFF;font-size: 26rpx;transform: skew(-10deg);">
|
|
|
- {{classAttendanceQuality}}
|
|
|
- </view>
|
|
|
+ <view class="YS_title" style="color: #FFF;font-size: 32rpx;">{{classAttendanceQuality}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view v-if="!classList">
|
|
|
<view class="icon_box" style="margin-right: 20rpx;background-color: #f9c752;">
|
|
|
- <view class="subtitle" style="color: #FFF;font-size: 26rpx;transform: skew(-10deg);">休息
|
|
|
- </view>
|
|
|
+ <view class="YS_title" style="color: #FFF;font-size: 32rpx;">休息</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|