hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-09 02:46: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>
<div class="btn"> <div class="btn">
<el-button type="primary" @click="dialogTableVisible = true">全岗位路径图</el-button> <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>
<div class="detailContent"> <div class="detailContent">
<div :class="dataList.length <= 7 ? 'detailbgc' : 'detailAllbgc'"> <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"> <div v-for="item, index in dataList" :key="index">
<el-popover popper-class="pathdetails" placement="right-start" width="360" trigger="click" <el-popover popper-class="pathdetails" placement="right-start" width="360" trigger="click"
:visible-arrow="false"> :visible-arrow="false">
@@ -247,20 +248,20 @@ export default {
}, },
'路径图背景全': { '路径图背景全': {
positions: [ positions: [
{ left: 500, top: 1440 }, { left: 500, top: 1500 },
{ left: 270, top: 1380 }, { left: 270, top: 1440 },
{ left: 0, top: 1225 }, { left: 0, top: 1285 },
{ left: 215, top: 1088 }, { left: 215, top: 1148 },
{ left: 606, top: 1000 }, { left: 606, top: 1060 },
{ left: 920, top: 936 }, { left: 920, top: 996 },
{ left: 1106, top: 658 }, { left: 1106, top: 718 },
{ left: 880, top: 580 }, { left: 880, top: 640 },
{ left: 520, top: 528 }, { left: 520, top: 588 },
{ left: 168, top: 476 }, { left: 168, top: 536 },
{ left: 140, top: 286 }, { left: 140, top: 346 },
{ left: 334, top: 140 }, { left: 334, top: 200 },
{ left: 592, top: 38 }, { left: 592, top: 98 },
{ left: 970, top: -30 }, { left: 970, top: 30 },
] ]
} }
}, },
@@ -706,16 +707,20 @@ export default {
.detailAllbgc { .detailAllbgc {
width: 1380px; width: 1380px;
height: 1590px; height: 800px;
min-width: 1380px; min-width: 1380px;
position: relative; position: relative;
background-image: url('../../assets/images/growth/roadmap.png'); overflow: scroll;
background-repeat: no-repeat; padding-top: 60px;
&::-webkit-scrollbar {
width: 0 !important;
}
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
bottom: 10px; top: 1582px;
left: 750px; left: 750px;
background-image: url('../../assets/images/growth/begin.png'); background-image: url('../../assets/images/growth/begin.png');
background-repeat: no-repeat; background-repeat: no-repeat;