diff --git a/public/index.html b/public/index.html index e4eb606..8683f4a 100644 --- a/public/index.html +++ b/public/index.html @@ -1,26 +1,34 @@ - - - - - - - 硕为思汽车智能洞察系统 - - - -
- - - + + + + + + + + 硕为思汽车智能洞察系统 + + + + +
+ 请耐心等待，正在加载中... +
+ + + + + \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index 9887448..149674d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -27,6 +27,9 @@ export default { created() { this.changeZoom() }, + mounted() { + document.getElementById('appLoading').style.display = 'none'; + }, methods: { changeZoom() { let h = document.body.clientHeight; // 可是区域的高度 diff --git a/src/assets/images/comm/300*300.gif b/src/assets/images/comm/300*300.gif new file mode 100644 index 0000000..d8ae814 Binary files /dev/null and b/src/assets/images/comm/300*300.gif differ diff --git a/src/components/index.js b/src/components/index.js index ae23eca..7864657 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -1,7 +1,7 @@ /* * @Author: your name * @Date: 2021-10-12 10:28:00 - * @LastEditTime: 2021-11-04 18:31:15 + * @LastEditTime: 2021-11-09 09:57:50 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: /data-show/src/components/index.js @@ -17,6 +17,7 @@ import vPagination from "@/components/v-pagination" import vRanking from "@/components/v-ranking"; import vEcharsMap from "@/components/v-echars-map" import vPercent from "@/components/v-percent" +import vCutsceneWaiting from "@/components/v-cutscene-waiting" export default { install(Vue) { Vue.mixin({ @@ -31,7 +32,8 @@ export default { vPagination, vRanking, vEcharsMap, - vPercent + vPercent, + vCutsceneWaiting } }) } diff --git a/src/components/v-cutscene-waiting/index.vue b/src/components/v-cutscene-waiting/index.vue index 535914c..f86ab73 100644 --- a/src/components/v-cutscene-waiting/index.vue +++ b/src/components/v-cutscene-waiting/index.vue @@ -1,20 +1,49 @@ @@ -25,6 +54,57 @@ export default { height: 100vh; left: 0px; top: 0px; - background: rgba(0,11, 26, 0.7); + background: rgba(0,11, 26, 0.9); + z-index: 2000; + .load-inner { + position: absolute; + width: auto; + height: auto; + left: 50%; + top: 38%; + color: #fff; + font-size: 14px; + transform: translate(-50%, -50%); + } } +.loading{ + width: 150px; + height: 15px; + margin: 0 auto; + position: relative; + margin-top:100px; + } + .loading span{ + position: absolute; + width: 15px; + height: 100%; + border-radius: 50%; + background: lightgreen; + -webkit-animation: load 1.04s ease-in infinite alternate; + } + @-webkit-keyframes load{ + 0%{ + opacity: 1; + -webkit-transform: translate(0px); + } + 100%{ + opacity: 0.2; + -webkit-transform: translate(150px); + } + } + .loading span:nth-child(1){ + -webkit-animation-delay:0.13s; + } + .loading span:nth-child(2){ + -webkit-animation-delay:0.26s; + } + .loading span:nth-child(3){ + -webkit-animation-delay:0.39s; + } + .loading span:nth-child(4){ + -webkit-animation-delay:0.52s; + } + .loading span:nth-child(5){ + -webkit-animation-delay:0.65s; + } \ No newline at end of file diff --git a/src/lycomponents/iLayout/index.vue b/src/lycomponents/iLayout/index.vue index 87132b0..d87319b 100644 --- a/src/lycomponents/iLayout/index.vue +++ b/src/lycomponents/iLayout/index.vue @@ -1,7 +1,7 @@