mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/student-h5.git
synced 2025-12-09 02:46:47 +08:00
提交
This commit is contained in:
@@ -8,7 +8,7 @@
|
|||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="path-item"
|
class="path-item"
|
||||||
@click="toFinish(item)"
|
@touchstart="toFinish(item)"
|
||||||
:style="position(index)"
|
:style="position(index)"
|
||||||
v-for="(item, index) of stageProcessList"
|
v-for="(item, index) of stageProcessList"
|
||||||
>
|
>
|
||||||
@@ -229,7 +229,7 @@ const toFinish = (item) => {
|
|||||||
}
|
}
|
||||||
.gowth-path2 {
|
.gowth-path2 {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 45px 31px 63px;
|
margin: 50px 45px 31px 63px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-image: url(@/assets/image/growth/path2.png);
|
background-image: url(@/assets/image/growth/path2.png);
|
||||||
background-size: 100%;
|
background-size: 100%;
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="nav-title">{{ data.growthName }}</div>
|
<div class="nav-title">{{ data.growthName }}</div>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="data.electiveTaskNum !== 0">
|
<!-- <template v-if="data.electiveTaskNum !== 0"> -->
|
||||||
<div class="tabs">
|
<div class="tabs">
|
||||||
<div
|
<div
|
||||||
class="tabs-item"
|
class="tabs-item"
|
||||||
@@ -25,7 +25,7 @@
|
|||||||
<div class="tabs-line"></div>
|
<div class="tabs-line"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
<!-- </template> -->
|
||||||
|
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<div class="search-input">
|
<div class="search-input">
|
||||||
@@ -70,13 +70,16 @@
|
|||||||
class="container"
|
class="container"
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
:style="{
|
:style="{
|
||||||
top: data.electiveTaskNum !== 0 ? '165px' : '103px',
|
|
||||||
height: stageProcessList.length ? '' : ':400px',
|
height: stageProcessList.length ? '' : ':400px',
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
|
<!-- :style="{
|
||||||
|
top: data.electiveTaskNum !== 0 ? '165px' : '103px',
|
||||||
|
height: stageProcessList.length ? '' : ':400px',
|
||||||
|
}" -->
|
||||||
<template v-if="stageProcessList && stageProcessList.length">
|
<template v-if="stageProcessList && stageProcessList.length">
|
||||||
<div
|
<div
|
||||||
@click="toFinish(item)"
|
@touchstart="toFinish(item)"
|
||||||
:id="item.id"
|
:id="item.id"
|
||||||
v-for="(item, key) in stageProcessList"
|
v-for="(item, key) in stageProcessList"
|
||||||
:key="key"
|
:key="key"
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="nav-title">{{ data.growthName }}</div>
|
<div class="nav-title">{{ data.growthName }}</div>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="data.electiveTaskNum !== 0">
|
<!-- <template v-if="data.electiveTaskNum !== 0"> -->
|
||||||
<div class="tabs">
|
<div class="tabs">
|
||||||
<div
|
<div
|
||||||
class="tabs-item"
|
class="tabs-item"
|
||||||
@@ -25,7 +25,7 @@
|
|||||||
<div class="tabs-line"></div>
|
<div class="tabs-line"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
<!-- </template> -->
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<div class="search-input">
|
<div class="search-input">
|
||||||
<el-input
|
<el-input
|
||||||
@@ -66,13 +66,10 @@
|
|||||||
<img class="icon" @click="toPath" src="@/assets/image/growth/list.png" />
|
<img class="icon" @click="toPath" src="@/assets/image/growth/list.png" />
|
||||||
</div>
|
</div>
|
||||||
<template v-if="stageProcessList && stageProcessList.length">
|
<template v-if="stageProcessList && stageProcessList.length">
|
||||||
<div
|
<div class="container" v-loading="loading">
|
||||||
class="container"
|
<!-- :style="{
|
||||||
v-loading="loading"
|
|
||||||
:style="{
|
|
||||||
top: data.electiveTaskNum !== 0 ? '165px' : '103px',
|
top: data.electiveTaskNum !== 0 ? '165px' : '103px',
|
||||||
}"
|
}" -->
|
||||||
>
|
|
||||||
<div :style="{ transform: 'scale(' + transformSize + ')' }">
|
<div :style="{ transform: 'scale(' + transformSize + ')' }">
|
||||||
<template v-if="growthInfo.template == 2">
|
<template v-if="growthInfo.template == 2">
|
||||||
<div class="path-container">
|
<div class="path-container">
|
||||||
@@ -84,7 +81,7 @@
|
|||||||
? 'path-item-left'
|
? 'path-item-left'
|
||||||
: 'path-item-right'
|
: 'path-item-right'
|
||||||
"
|
"
|
||||||
@click="toFinish(item)"
|
@touchstart="toFinish(item)"
|
||||||
:style="point[item.position]"
|
:style="point[item.position]"
|
||||||
v-for="(item, index) of stageProcessList"
|
v-for="(item, index) of stageProcessList"
|
||||||
>
|
>
|
||||||
@@ -849,7 +846,7 @@ const toPath = () => {
|
|||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
background-image: url(@/assets/image/growth/path-bg.png);
|
background-image: url(@/assets/image/growth/path-bg.png);
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
|
top: 165px;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
border-radius: 15px 15px 0 0;
|
border-radius: 15px 15px 0 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user