hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-06 17:36:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
Pengxiansen
2025-02-27 14:00:12 +08:00
parent b90f81ec17
commit 1a69a04998
3 changed files with 77 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/views/growth/components/roadmap2/index.vue
View File

@@ -116,28 +116,28 @@ const position = (index) => {
let num2 = index % 35;
return {
top: `${multiple * (5613 + 400) + Number(point[num2].top)}px`,
top: `${multiple * (5282 + 610) + Number(point[num2].top)}px`,
right: `${point[num2].right}px`,
topNum: `${multiple * (5613 + 400) + Number(point[num2].top)}`,
topNum: `${multiple * (5282 + 610) + Number(point[num2].top)}`,
};
};
const point = [
{
top: "-57",
top: "-67",
right: "55",
},
{
top: "-1",
top: "9",
right: "709",
},
{
top: "108",
top: "118",
right: "1034",
},
{
top: "241",
right: "1021",
right: "952",
},
{
top: "281",
@@ -148,7 +148,7 @@ const point = [
right: "176",
},
{
top: "561",
top: "546",
right: "435",
},
{
@@ -160,114 +160,111 @@ const point = [
right: "1452",
},
{
top: "902",
top: "877",
right: "1040",
},
{
top: "1102",
right: "540",
right: "522",
},
{
top: "1227",
top: "1209",
right: "1140",
},
{
top: "1500",
right: "1640",
top: '1463',
right: '1600',
},
{
top: "1644",
top: "1603",
right: "1200",
},
{
top: "1760",
top: "1720",
right: "653",
},
{
top: "1872",
top: "1830",
right: "202",
},
{
top: "2072",
top: "2030",
right: "585",
},
{
top: "2131",
top: "2091",
right: "1106",
},
{
top: "2340",
right: "1533",
right: "1471",
},
{
top: "2545",
top: "2487",
right: "1033",
},
{
top: "2627",
top: "2568",
right: "597",
},
{
top: "2767",
top: "2735",
right: "67",
},
{
top: "2946",
top: "2888",
right: "767",
},
{
top: "3161",
right: "1184",
right: "1077",
},
{
top: "3406",
top: "3329",
right: "484",
},
{
top: "3679",
right: "-11",
top: "3602",
right: "-6",
},
{
top: "3830",
top: "3751",
right: "322",
},
{
top: "3882",
top: "3805",
right: "950",
},
{
top: "4049",
right: "1383",
top: "4021",
right: "1270",
},
{
top: "4249",
top: "4156",
right: "492",
},
{
top: "4423",
right: "151",
right: "209",
},
{
top: "4744",
top: "4648",
right: "501",
},
{
top: "4834",
top: "4738",
right: "1101",
},
{
top: "5066",
right: "1490",
right: "1363",
},
{
top: "5400",
top: "5282",
right: "790",
},
{
top: "5613",
right: "50",
},
];
const toFinish = (item) => {
emit("toFinish", item);
@@ -292,14 +289,14 @@ const stateData = computed(() => {
return {
text: "已完成",
color: "#0077EC",
bgColor: "rgba(0, 119, 236, 0.2)",
bgColor: "#cadff7",
progressColor: "#0077EC",
};
} else if (item.completionStatus === "2") {
return {
text: "进行中",
color: "#F2903D",
bgColor: "rgba(242, 144, 61, 0.2)",
bgColor: "#ecdacf",
progressColor: "#F2903D",
};
} else if (item.completionStatus === "3") {
@@ -326,10 +323,12 @@ const stateData = computed(() => {
}
.path-container {
position: relative;
width: 100%;
// width: 100%;
min-height: 200px;
margin-top: 150px;
margin-bottom: 100px;
// margin-top: 150px;
// margin-bottom: 100px;
margin: 150px 20px 100px 20px;
box-sizing: border-box;
background-image: url(@/assets/image/growth/path2.png);
background-size: 100%;
.path-item {

64
src/views/growth/growthRoadmap.vue
View File

@@ -30,22 +30,22 @@
<div class="nav">
<div class="tabs">
<!-- <template v-if="selectGrowth.electiveTaskNum !== 0"> -->
<div
class="tabs-item"
:class="queryParams.type == 1 ? 'active' : ''"
@click="tabClick(1)"
>
<div class="tabs-text">必修</div>
<div class="tabs-line"></div>
</div>
<div
class="tabs-item"
:class="queryParams.type == 2 ? 'active' : ''"
@click="tabClick(2)"
>
<div class="tabs-text">选修</div>
<div class="tabs-line"></div>
</div>
<div
class="tabs-item"
:class="queryParams.type == 1 ? 'active' : ''"
@click="tabClick(1)"
>
<div class="tabs-text">必修</div>
<div class="tabs-line"></div>
</div>
<div
class="tabs-item"
:class="queryParams.type == 2 ? 'active' : ''"
@click="tabClick(2)"
>
<div class="tabs-text">选修</div>
<div class="tabs-line"></div>
</div>
<!-- </template> -->
</div>
<div style="display: flex">
@@ -112,22 +112,22 @@
<div class="nav">
<div class="tabs">
<!-- <template v-if="selectGrowth.electiveTaskNum !== 0"> -->
<div
class="tabs-item"
:class="queryParams.type == 1 ? 'active' : ''"
@click="tabClick(1)"
>
<div class="tabs-text">必修</div>
<div class="tabs-line"></div>
</div>
<div
class="tabs-item"
:class="queryParams.type == 2 ? 'active' : ''"
@click="tabClick(2)"
>
<div class="tabs-text">选修</div>
<div class="tabs-line"></div>
</div>
<div
class="tabs-item"
:class="queryParams.type == 1 ? 'active' : ''"
@click="tabClick(1)"
>
<div class="tabs-text">必修</div>
<div class="tabs-line"></div>
</div>
<div
class="tabs-item"
:class="queryParams.type == 2 ? 'active' : ''"
@click="tabClick(2)"
>
<div class="tabs-text">选修</div>
<div class="tabs-line"></div>
</div>
<!-- </template> -->
</div>
<div style="display: flex">

1
vite.config.js
View File

@@ -37,6 +37,7 @@ export default defineConfig(({ command, mode }) =>
]
},
server: {
// host: "0.0.0.0",
proxy: {
// "/professional": {
// // target: 'http://192.168.16.195:32002',