diff --git a/src/assets/images/overview/down-icon.png b/src/assets/images/overview/down-icon.png new file mode 100644 index 000000000..d8ae1170e Binary files /dev/null and b/src/assets/images/overview/down-icon.png differ diff --git a/src/assets/images/overview/qipao-xiao.png b/src/assets/images/overview/qipao-xiao.png new file mode 100644 index 000000000..408c9e08b Binary files /dev/null and b/src/assets/images/overview/qipao-xiao.png differ diff --git a/src/assets/images/overview/qipao.png b/src/assets/images/overview/qipao.png new file mode 100644 index 000000000..99740f0d2 Binary files /dev/null and b/src/assets/images/overview/qipao.png differ diff --git a/src/assets/images/overview/up-icon.png b/src/assets/images/overview/up-icon.png new file mode 100644 index 000000000..2ec174b2e Binary files /dev/null and b/src/assets/images/overview/up-icon.png differ diff --git a/src/assets/images/shuju/overview/jiedao-img.png b/src/assets/images/shuju/overview/jiedao-img.png index 7cee2d28f..8e8b8c349 100644 Binary files a/src/assets/images/shuju/overview/jiedao-img.png and b/src/assets/images/shuju/overview/jiedao-img.png differ diff --git a/src/assets/scss/dataBoard/overview/index.scss b/src/assets/scss/dataBoard/overview/index.scss index c4537482c..3f391f481 100644 --- a/src/assets/scss/dataBoard/overview/index.scss +++ b/src/assets/scss/dataBoard/overview/index.scss @@ -16,6 +16,18 @@ width: 884px; } + .g-center-open { + position: relative; + width: 884px; + + .m-map { + position: relative; + width: 100%; + height: 905px; + margin-bottom: 10px; + } + } + .g-right { width: 460px; } @@ -48,15 +60,6 @@ animation: move 10s linear infinite; } -@keyframes move { - 0% { - transform: translateY(0px); - } - - 100% { - transform: translateY(-320px); - } -} .m-jdjs { height: 318px; @@ -133,6 +136,16 @@ } } +@keyframes move { + from { + margin-top: -232px; + } + + to { + margin-top: -0; + } +} + @mixin rounded-corners { width: 76px; height: 76px; @@ -232,6 +245,9 @@ &-center { margin-top: 6px; + height: 232px; + + &-xiaoqipao {} &-line {} @@ -270,8 +286,79 @@ } } } + + &-center-two { + height: 232px; + margin-top: -232px; + width: 100%; + overflow: hidden; + + img { + margin-left: 40px; + } + + .daqipao { + width: 8px; + height: 48px + } + + .xiaoqipao { + width: 8px; + height: 34px + } + } + + &-center-two .qipao1 { + animation: scroll 5s linear infinite; + } + + &-center-two .qipao2 { + animation: scroll1 7s linear infinite; + } + + &-center-two .qipao3 { + animation: scroll 6s linear infinite; + } + + &-center-two .qipao4 { + animation: scroll1 8s linear infinite; + } + + &-center-two .qipao5 { + animation: scroll 5s linear infinite; + } + + &-center-two .qipao6 { + animation: scroll1 7s linear infinite; + } + + &-center-two .qipao7 { + animation: scroll 4s linear infinite; + } + + &-center-two .qipao8 { + animation: scroll1 6s linear infinite; + } } +@keyframes scroll { + 0% { + transform: translatey(500%); + } + + 100% { + transform: translatey(-200%); + } +} +@keyframes scroll1 { + 0% { + transform: translatey(700%); + } + + 100% { + transform: translatey(-200%); + } +} .m-jdwgy { height: 220px; @@ -674,4 +761,39 @@ width: 90px; border: 0; } +} + +::v-deep .date-current-weiyi { + background: rgba(3, 19, 51, 0.9); + border-color: #006cff; + box-shadow: inset 0px 0px 16px 0px rgba(0, 145, 255, 1); + + .el-date-picker__header-label { + color: #a0cdff; + } + + .el-picker-panel__icon-btn { + color: #a0cdff; + } + + .el-month-table { + td { + .cell { + color: #a0cdff; + } + } + } + + .el-month-table td.current:not(.disabled) .cell { + color: #fff; + background-color: #409eff; + } + + .el-month-table td.today:not(.disabled) .cell { + color: #0056d6; + } + + .el-date-picker__header--bordered { + border-bottom: solid 1px #006cff; + } } \ No newline at end of file diff --git a/src/views/dataBoard/cpts/details/jmxq.vue b/src/views/dataBoard/cpts/details/jmxq.vue index ad679d208..01826b762 100644 --- a/src/views/dataBoard/cpts/details/jmxq.vue +++ b/src/views/dataBoard/cpts/details/jmxq.vue @@ -42,9 +42,7 @@