This commit is contained in:
Pengxiansen
2025-02-17 16:37:06 +08:00
parent 15e15ae5d2
commit 987f69dc64

View File

@@ -61,7 +61,7 @@
{{ item.requiredTaskCompletedNum }}/{{ item.requiredTaskNum }} {{ item.requiredTaskCompletedNum }}/{{ item.requiredTaskNum }}
</div> </div>
</div> </div>
<div style="font-weight: bold; font-size: 24px; color: #0077ec"> <div style="font-weight: bold; font-size: 20px; color: #0077ec">
{{ requiredTaskCompletionRate(item) }}% {{ requiredTaskCompletionRate(item) }}%
</div> </div>
</div> </div>
@@ -81,7 +81,7 @@
{{ item.electiveTaskCompletedNum }}/{{ item.electiveTaskNum }} {{ item.electiveTaskCompletedNum }}/{{ item.electiveTaskNum }}
</div> </div>
</div> </div>
<div style="font-weight: bold; font-size: 24px; color: #0077ec"> <div style="font-weight: bold; font-size: 20px; color: #0077ec">
{{ electiveTaskCompletionRate(item) }}% {{ electiveTaskCompletionRate(item) }}%
</div> </div>
</div> </div>
@@ -101,7 +101,7 @@
{{ item.totalTaskCompletedNum }}/{{ item.totalTaskNum }} {{ item.totalTaskCompletedNum }}/{{ item.totalTaskNum }}
</div> </div>
</div> </div>
<div style="font-weight: bold; font-size: 24px; color: #0077ec"> <div style="font-weight: bold; font-size: 20px; color: #0077ec">
{{ totalTaskCompletionRate(item) }}% {{ totalTaskCompletionRate(item) }}%
</div> </div>
</div> </div>
@@ -113,6 +113,7 @@
</div> </div>
</div> </div>
</div> </div>
<template v-if="!list || list.length < 2"></template>
<div class="growth-right"> <div class="growth-right">
<div class="title">专业力必修</div> <div class="title">专业力必修</div>
<div <div
@@ -193,15 +194,12 @@ export default {
"/forward?to=" + studentPath + "/growthList&params=" + params "/forward?to=" + studentPath + "/growthList&params=" + params
); );
}, },
handlerAnchor(item, index) { handlerAnchor(item, index) {
this.activeItem = item; this.activeItem = item;
let a = document.createElement("a");
a.href = `#${item.id}`;
document.body.appendChild(a); //将标签DOM放置页面
let dom = document.getElementById(`${item.id}`); let dom = document.getElementById(`${item.id}`);
dom.classList.add("handler-add-padding"); dom.classList.add("handler-add-padding");
a.click(); dom.scrollIntoView({ behavior: "smooth" });
document.body.removeChild(a);
}, },
}, },
created() { created() {
@@ -218,7 +216,9 @@ export default {
let that = this; let that = this;
window.addEventListener("scroll", function () { window.addEventListener("scroll", function () {
let dom = document.getElementById(`${that.activeItem.id}`); let dom = document.getElementById(`${that.activeItem.id}`);
if (dom) {
dom.classList.remove("handler-add-padding"); dom.classList.remove("handler-add-padding");
}
}); });
}, },
}; };
@@ -252,7 +252,7 @@ export default {
margin-bottom: 35px; margin-bottom: 35px;
.progress-title { .progress-title {
font-weight: 700; font-weight: 700;
font-size: 20px; font-size: 18px;
color: #000000; color: #000000;
margin: 28px 0 20px 0; margin: 28px 0 20px 0;
} }
@@ -261,7 +261,7 @@ export default {
} }
.tip-title { .tip-title {
font-weight: 700; font-weight: 700;
font-size: 20px; font-size: 18px;
color: #000000; color: #000000;
margin: 30px 0 10px 0; margin: 30px 0 10px 0;
} }
@@ -310,7 +310,7 @@ export default {
background-image: url(../../assets/images/growth/growth-bg.png); background-image: url(../../assets/images/growth/growth-bg.png);
.nav-title { .nav-title {
font-weight: 700; font-weight: 700;
font-size: 24px; font-size: 22px;
margin-right: 10%; margin-right: 10%;
} }
.nav-total { .nav-total {
@@ -319,7 +319,7 @@ export default {
} }
.total-num { .total-num {
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 22px;
} }
} }
} }