hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-07 18:06:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

滚动图

Browse Source
This commit is contained in:
NiSen
2024-01-29 11:03:30 +08:00
parent 1eb82c3871
commit fd704f91d2
1 changed files with 24 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/study/Growth.vue
View File

@@ -17,10 +17,11 @@
</div>
<div class="btn">
<el-button type="primary" @click="dialogTableVisible = true">全岗位路径图</el-button>
<el-button type="primary" style="margin-left: 0;margin-top: 30px;">信息概览</el-button>
<el-button type="primary" style="margin-left: 0;margin-top: 30px;">信息概览</el-button>
</div>
<div class="detailContent">
<div :class="dataList.length <= 7 ? 'detailbgc' : 'detailAllbgc'">
<img v-if="dataList.length > 7" src="../../assets/images/growth/roadmap.png" alt="">
<div v-for="item, index in dataList" :key="index">
<el-popover popper-class="pathdetails" placement="right-start" width="360" trigger="click"
:visible-arrow="false">
@@ -247,20 +248,20 @@ export default {
},
'路径图背景全': {
positions: [
{ left: 500, top: 1440 },
{ left: 270, top: 1380 },
{ left: 0, top: 1225 },
{ left: 215, top: 1088 },
{ left: 606, top: 1000 },
{ left: 920, top: 936 },
{ left: 1106, top: 658 },
{ left: 880, top: 580 },
{ left: 520, top: 528 },
{ left: 168, top: 476 },
{ left: 140, top: 286 },
{ left: 334, top: 140 },
{ left: 592, top: 38 },
{ left: 970, top: -30 },
{ left: 500, top: 1500 },
{ left: 270, top: 1440 },
{ left: 0, top: 1285 },
{ left: 215, top: 1148 },
{ left: 606, top: 1060 },
{ left: 920, top: 996 },
{ left: 1106, top: 718 },
{ left: 880, top: 640 },
{ left: 520, top: 588 },
{ left: 168, top: 536 },
{ left: 140, top: 346 },
{ left: 334, top: 200 },
{ left: 592, top: 98 },
{ left: 970, top: 30 },
]
}
},
@@ -706,16 +707,20 @@ export default {
.detailAllbgc {
width: 1380px;
height: 1590px;
height: 800px;
min-width: 1380px;
position: relative;
background-image: url('../../assets/images/growth/roadmap.png');
background-repeat: no-repeat;
overflow: scroll;
padding-top: 60px;
&::-webkit-scrollbar {
width: 0 !important;
}
&::before {
content: '';
position: absolute;
bottom: 10px;
top: 1582px;
left: 750px;
background-image: url('../../assets/images/growth/begin.png');
background-repeat: no-repeat;