diff --git a/index.html b/index.html index f1a758e..e3f0f31 100644 --- a/index.html +++ b/index.html @@ -1,253 +1,254 @@ + + + + + + - - - - - - - - - ***海绵城市信息管理系统建设项目 - - + - - - + + - + - - - + + + - - - - + + + + - - - + .loaded #loader-wrapper .loader-section.section-left { + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } - -
-
-
-
-
-
正在加载系统资源，请耐心等待
+ .loaded #loader-wrapper .loader-section.section-right { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } + + .loaded #loader { + opacity: 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; + } + + .loaded #loader-wrapper { + visibility: hidden; + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); + -webkit-transition: all 0.3s 1s ease-out; + transition: all 0.3s 1s ease-out; + } + + .no-js #loader-wrapper { + display: none; + } + + .no-js h1, + .class2 { + color: #222222; + } + + #loader-wrapper .load_title { + font-family: 'Open Sans'; + color: #fff; + font-size: 0.8rem; + width: 100%; + text-align: center; + z-index: 9999999999999; + position: absolute; + top: 60%; + opacity: 1; + line-height: 30px; + } + + #loader-wrapper .load_title span { + font-weight: normal; + font-style: italic; + font-size: 1rem; + color: #fff; + opacity: 0.5; + } + + + + +
+
+
+
+
+
正在加载系统资源，请耐心等待
+
-
- - - + + - + - \ No newline at end of file + diff --git a/index.html b/index.html index f1a758e..e3f0f31 100644 --- a/index.html +++ b/index.html @@ -1,253 +1,254 @@ + + + + + + - - - - - - - - - ***海绵城市信息管理系统建设项目 - - + - - - + + - + - - - + + + - - - - + + + + - - - + .loaded #loader-wrapper .loader-section.section-left { + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } - -
-
-
-
-
-
正在加载系统资源，请耐心等待
+ .loaded #loader-wrapper .loader-section.section-right { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } + + .loaded #loader { + opacity: 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; + } + + .loaded #loader-wrapper { + visibility: hidden; + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); + -webkit-transition: all 0.3s 1s ease-out; + transition: all 0.3s 1s ease-out; + } + + .no-js #loader-wrapper { + display: none; + } + + .no-js h1, + .class2 { + color: #222222; + } + + #loader-wrapper .load_title { + font-family: 'Open Sans'; + color: #fff; + font-size: 0.8rem; + width: 100%; + text-align: center; + z-index: 9999999999999; + position: absolute; + top: 60%; + opacity: 1; + line-height: 30px; + } + + #loader-wrapper .load_title span { + font-weight: normal; + font-style: italic; + font-size: 1rem; + color: #fff; + opacity: 0.5; + } + + + + +
+
+
+
+
+
正在加载系统资源，请耐心等待
+
-
- - - + + - + - \ No newline at end of file + diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png index d603316..f02c06d 100644 --- a/src/assets/newImgs/HMScreen/headBg.png +++ b/src/assets/newImgs/HMScreen/headBg.png Binary files differ diff --git a/index.html b/index.html index f1a758e..e3f0f31 100644 --- a/index.html +++ b/index.html @@ -1,253 +1,254 @@ + + + + + + - - - - - - - - - ***海绵城市信息管理系统建设项目 - - + - - - + + - + - - - + + + - - - - + + + + - - - + .loaded #loader-wrapper .loader-section.section-left { + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } - -
-
-
-
-
-
正在加载系统资源，请耐心等待
+ .loaded #loader-wrapper .loader-section.section-right { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } + + .loaded #loader { + opacity: 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; + } + + .loaded #loader-wrapper { + visibility: hidden; + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); + -webkit-transition: all 0.3s 1s ease-out; + transition: all 0.3s 1s ease-out; + } + + .no-js #loader-wrapper { + display: none; + } + + .no-js h1, + .class2 { + color: #222222; + } + + #loader-wrapper .load_title { + font-family: 'Open Sans'; + color: #fff; + font-size: 0.8rem; + width: 100%; + text-align: center; + z-index: 9999999999999; + position: absolute; + top: 60%; + opacity: 1; + line-height: 30px; + } + + #loader-wrapper .load_title span { + font-weight: normal; + font-style: italic; + font-size: 1rem; + color: #fff; + opacity: 0.5; + } + + + + +
+
+
+
+
+
正在加载系统资源，请耐心等待
+
-
- - - + + - + - \ No newline at end of file + diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png index d603316..f02c06d 100644 --- a/src/assets/newImgs/HMScreen/headBg.png +++ b/src/assets/newImgs/HMScreen/headBg.png Binary files differ diff --git a/src/assets/newImgs/HMScreen/headLight.png b/src/assets/newImgs/HMScreen/headLight.png new file mode 100644 index 0000000..0d2df88 --- /dev/null +++ b/src/assets/newImgs/HMScreen/headLight.png Binary files differ diff --git a/index.html b/index.html index f1a758e..e3f0f31 100644 --- a/index.html +++ b/index.html @@ -1,253 +1,254 @@ + + + + + + - - - - - - - - - ***海绵城市信息管理系统建设项目 - - + - - - + + - + - - - + + + - - - - + + + + - - - + .loaded #loader-wrapper .loader-section.section-left { + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } - -
-
-
-
-
-
正在加载系统资源，请耐心等待
+ .loaded #loader-wrapper .loader-section.section-right { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } + + .loaded #loader { + opacity: 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; + } + + .loaded #loader-wrapper { + visibility: hidden; + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); + -webkit-transition: all 0.3s 1s ease-out; + transition: all 0.3s 1s ease-out; + } + + .no-js #loader-wrapper { + display: none; + } + + .no-js h1, + .class2 { + color: #222222; + } + + #loader-wrapper .load_title { + font-family: 'Open Sans'; + color: #fff; + font-size: 0.8rem; + width: 100%; + text-align: center; + z-index: 9999999999999; + position: absolute; + top: 60%; + opacity: 1; + line-height: 30px; + } + + #loader-wrapper .load_title span { + font-weight: normal; + font-style: italic; + font-size: 1rem; + color: #fff; + opacity: 0.5; + } + + + + +
+
+
+
+
+
正在加载系统资源，请耐心等待
+
-
- - - + + - + - \ No newline at end of file + diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png index d603316..f02c06d 100644 --- a/src/assets/newImgs/HMScreen/headBg.png +++ b/src/assets/newImgs/HMScreen/headBg.png Binary files differ diff --git a/src/assets/newImgs/HMScreen/headLight.png b/src/assets/newImgs/HMScreen/headLight.png new file mode 100644 index 0000000..0d2df88 --- /dev/null +++ b/src/assets/newImgs/HMScreen/headLight.png Binary files differ diff --git a/src/views/project/components/firstLevel.vue b/src/views/project/components/firstLevel.vue index 04f1cd3..59eb356 100644 --- a/src/views/project/components/firstLevel.vue +++ b/src/views/project/components/firstLevel.vue @@ -5,7 +5,7 @@ - + diff --git a/index.html b/index.html index f1a758e..e3f0f31 100644 --- a/index.html +++ b/index.html @@ -1,253 +1,254 @@ + + + + + + - - - - - - - - - ***海绵城市信息管理系统建设项目 - - + - - - + + - + - - - + + + - - - - + + + + - - - + .loaded #loader-wrapper .loader-section.section-left { + -webkit-transform: translateX(-100%); + -ms-transform: translateX(-100%); + transform: translateX(-100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } - -
-
-
-
-
-
正在加载系统资源，请耐心等待
+ .loaded #loader-wrapper .loader-section.section-right { + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); + } + + .loaded #loader { + opacity: 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; + } + + .loaded #loader-wrapper { + visibility: hidden; + -webkit-transform: translateY(-100%); + -ms-transform: translateY(-100%); + transform: translateY(-100%); + -webkit-transition: all 0.3s 1s ease-out; + transition: all 0.3s 1s ease-out; + } + + .no-js #loader-wrapper { + display: none; + } + + .no-js h1, + .class2 { + color: #222222; + } + + #loader-wrapper .load_title { + font-family: 'Open Sans'; + color: #fff; + font-size: 0.8rem; + width: 100%; + text-align: center; + z-index: 9999999999999; + position: absolute; + top: 60%; + opacity: 1; + line-height: 30px; + } + + #loader-wrapper .load_title span { + font-weight: normal; + font-style: italic; + font-size: 1rem; + color: #fff; + opacity: 0.5; + } + + + + +
+
+
+
+
+
正在加载系统资源，请耐心等待
+
-
- - - + + - + - \ No newline at end of file + diff --git a/src/assets/newImgs/HMScreen/headBg.png b/src/assets/newImgs/HMScreen/headBg.png index d603316..f02c06d 100644 --- a/src/assets/newImgs/HMScreen/headBg.png +++ b/src/assets/newImgs/HMScreen/headBg.png Binary files differ diff --git a/src/assets/newImgs/HMScreen/headLight.png b/src/assets/newImgs/HMScreen/headLight.png new file mode 100644 index 0000000..0d2df88 --- /dev/null +++ b/src/assets/newImgs/HMScreen/headLight.png Binary files differ diff --git a/src/views/project/components/firstLevel.vue b/src/views/project/components/firstLevel.vue index 04f1cd3..59eb356 100644 --- a/src/views/project/components/firstLevel.vue +++ b/src/views/project/components/firstLevel.vue @@ -5,7 +5,7 @@ - + diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue index b9b9f00..2111465 100644 --- a/src/views/sponeScreen/HaiMianScreen/index.vue +++ b/src/views/sponeScreen/HaiMianScreen/index.vue @@ -17,6 +17,8 @@
+ +
***海绵城市综合一张图
@@ -183,6 +185,23 @@ height: 100%; background: #010e22; position: relative; + .headLightDX { + position: absolute; + top: 0px; + z-index: 9900; + width: 527px; + height: 108px; + pointer-events: none; + animation: headDX 3s infinite linear; + @keyframes headDX { + 0% { + left: 0px; + } + 100% { + left: 100%; + } + } + } .headHM { position: absolute; top: 0px;