Design/EasySoft-ZenTaoPMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 30 Wiki Activity

* finish task

Browse Source
This commit is contained in:
wangzemei
2022-10-19 21:26:24 +08:00
parent 18226622ab
commit 244f9ac4b2
2 changed files with 64 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
module/report/css/annualdata.css
+15 -19
View File
@@ -83,22 +83,18 @@ section.active {border: 1px solid rgb(0, 166, 255);}
.dataYearStat .canvas.left {width: 450px;}
.dataYearStat .canvas.right {width: 810px; float: right;}
#stopPlaying {font-size: 18px; position: absolute; left: 0; bottom: 16px;
}
#timeline li {display: inline-block; cursor: pointer; color: #444; padding: 0; margin: 0; position: relative;
}
#showImg {width: 272px; height: 255px; border: none; margin: 0; margin-left: 20px;}
#timeline li img { width: 200px; height: 200px;position: absolute; top: -300px; left: 0;}
#timeline li::before{ content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: #fff; position: absolute; left: 50%; top: -8px; z-index: 2;
}
#timeline li::after{content: ''; display: block; width: 100%; height: 2px; border-radius: 1px; background: #fff; position: absolute; left: -50%; top: -5px;}
#timeline .selecteded {color: #1a77a5;}
#timeline .selecteded::before {background: #1a77a5;}
.scroll-shell { width: 330px; height: 89%; overflow: hidden; position: relative;
}
#timeline { padding-top: 15px; list-style: none; margin-left: 25px; width: 310px; height: 30px; overflow: auto; overflow-x: hidden;
}
.scroll-canvas { width: 330px; height: 89%; overflow: hidden; position: relative;}
#stopPlaying {font-size: 18px; position: absolute; left: 0; bottom: 16px;}
#timeline { padding-top: 15px; list-style: none; margin-left: 25px; width: 310px; height: 30px; overflow: hidden;}
#timeline li {display: inline-block; cursor: pointer; padding: 0 1px; margin: 0; position: relative;}
#timeline li p {padding: 0;}
#showImg {width: 272px; height: 255px; border: none; margin: 0; margin-left: 20px;}
#timeline li img { width: 200px; height: 200px;position: absolute; top: -300px; left: 0;}
#timeline li::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: #fff; position: absolute; left: 50%; top: -8px; z-index: 2;}
#timeline li::after {content: ''; display: block; width: 100%; height: 4px; border-radius: 1px; background: #fff; position: absolute; left: -50%; top: -6px;}
#timeline li:first-child::after {border-top-left-radius: 2px; border-bottom-left-radius: 2px;}
#timeline .active::before,
#timeline .active::after,
#timeline .selecteded::before,
#timeline .selecteded::after {background: #1a77a5;}
#timeline .selecteded {color: #1a77a5;}