修复签到展示bug,修改图片比例为16:9

This commit is contained in:
田岩
2025-11-24 15:36:50 +08:00
parent 1aee63f2d6
commit e32c6289ae
20 changed files with 171 additions and 523 deletions
@@ -10,16 +10,16 @@
{{ item.taskName }}
</view>
<view class="time_div" v-if="item.limitTyp === '02'">
起止时间
起止时间<text class="maoh">:</text>
<text class="blod_color">{{ item.startTm?.substr(0, 10) }}{{ item.endTm?.substr(0, 10) }}</text>
</view>
<view class="people_progress_div">
<view class="mr-10">
完成人数
完成人数<text class="maoh">:</text>
<text class="">{{ item.taskFinishSums ?? 0 }}/{{ item.taskSums ?? 0 }}</text>
</view>
<view>
进度
进度<text class="maoh">:</text>
<text class="">
{{ item.finishCrs ?? item.learnedNumber ?? 0 }}/{{ item.sumCrs ?? item.taskNumber ?? 0 }}门课程
</text>
@@ -102,19 +102,18 @@
}
.item {
padding-top: 16rpx;
padding-bottom: 16rpx;
padding-bottom: 12rpx;
display: flex;
.img_div {
position: relative;
width: 224rpx;
height: 168rpx;
width: 256rpx;
height: 144rpx;
overflow: hidden;
border-radius: 22rpx;
border-radius: 16rpx;
.img {
width: 224rpx;
height: 168rpx;
width: 256rpx;
height: 144rpx;
}
.subscript {
+8 -9
View File
@@ -27,7 +27,7 @@
</view>
</view>
<view class="time">
<text class="color_3">起止时间:</text>
<text class="color_3">起止时间<text class="maoh">:</text></text>
<text class="color_class">
{{ detailData.startTm?.substr(0, 10) }}{{ detailData.endTm?.substr(0, 10) }}
</text>
@@ -49,11 +49,11 @@
</view>
<view class="num_div">
<view class="num_div_item">
<text class="color_3">完成人数:</text>
<text class="color_3">完成人数<text class="maoh">:</text></text>
<text class="color_2">{{ detailData.taskFinishSums ?? 0 }}/{{ detailData.taskSums ?? 0 }}</text>
</view>
<view class="num_div_item">
<text class="color_3">进度:</text>
<text class="color_3">进度<text class="maoh">:</text></text>
<text class="color_2">{{ detailData.finishCrs ?? 0 }}/{{ detailData.sumCrs ?? 0 }}门课程</text>
</view>
</view>
@@ -490,13 +490,10 @@
}
.scroll-div {
background: linear-gradient(180deg, #ebf2fe 0%, #f3f7fe 6%, #f9fbff 12%, #f4f6f8 100%);
// background: linear-gradient(180deg, #ebf2fe 0%, #f3f7fe 6%, #fafbfc 12%, #fafbfc 100%);
border-radius: 16rpx;
margin-top: -20rpx;
z-index: 2;
box-shadow: 0 0 10rpx #f9fbff;
border: 2rpx solid #f9f9fa;
margin: 0 auto;
width: calc(100% - 52rpx);
@@ -529,7 +526,7 @@
}
.detail_div {
height: 250rpx;
height: 210rpx;
z-index: 2;
width: 100%;
padding: 36rpx 26rpx 20rpx 26rpx;
@@ -556,8 +553,10 @@
border-radius: 0 0 0 28rpx;
}
.left > .img {
width: 224rpx;
height: 168rpx;
// width: 224rpx;
// height: 168rpx;
width: 256rpx;
height: 144rpx;
border-radius: 16rpx;
overflow: hidden;
}