|
@@ -0,0 +1,248 @@
|
|
|
+<template>
|
|
|
+ <div class="rain-box">
|
|
|
+ <div class="rain-content">
|
|
|
+ <!-- <img src="/skImage/内容2.png" alt="" /> -->
|
|
|
+ </div>
|
|
|
+ <div class="rain-cloud">
|
|
|
+ <!-- <img class="cloud1" src="/skImage/云1.png" alt="" /> -->
|
|
|
+ <!-- <img class="cloud2" src="/skImage/云2.png" alt="" /> -->
|
|
|
+ </div>
|
|
|
+ <div class="rain-wrapper">
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ <div class="rain"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+ <script>
|
|
|
+import $ from "jquery";
|
|
|
+import { nextTick } from "vue";
|
|
|
+import {
|
|
|
+ defineComponent,
|
|
|
+ reactive,
|
|
|
+ toRefs,
|
|
|
+ onMounted,
|
|
|
+ onBeforeUnmount,
|
|
|
+} from "vue";
|
|
|
+export default defineComponent({
|
|
|
+ components: {},
|
|
|
+ setup(props) {
|
|
|
+ const proxyData = reactive({});
|
|
|
+ onBeforeUnmount(() => {});
|
|
|
+ onMounted(() => {
|
|
|
+ nextTick(() => {});
|
|
|
+ });
|
|
|
+ return {
|
|
|
+ ...toRefs(proxyData),
|
|
|
+ };
|
|
|
+ },
|
|
|
+});
|
|
|
+</script>
|
|
|
+
|
|
|
+ <style lang="scss" scoped>
|
|
|
+@import "../../styles/weather.scss";
|
|
|
+.rain-box {
|
|
|
+ background: #63738a;
|
|
|
+ height: 100vh;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+</style>
|
|
|
+
|