From 5186227a467bd34dc253e64b23bc96d3a07bb399 Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@smartai.com>
Date: 星期三, 17 十一月 2021 17:39:53 +0800
Subject: [PATCH] 添加用户权限控制
---
src/components/VabSnow/index.vue | 115 ++++++++++++++++++++++++++++-----------------------------
1 files changed, 57 insertions(+), 58 deletions(-)
diff --git a/src/components/VabSnow/index.vue b/src/components/VabSnow/index.vue
index 5131d52..badcbb2 100644
--- a/src/components/VabSnow/index.vue
+++ b/src/components/VabSnow/index.vue
@@ -5,78 +5,77 @@
</template>
<script>
- export default {
- name: 'VabSnow',
- props: {
- styleObj: {
- type: Object,
- default: () => {
- return {}
- },
+export default {
+ name: "VabSnow",
+ props: {
+ styleObj: {
+ type: Object,
+ default: () => {
+ return {};
},
},
- data() {
- return {}
- },
- created() {},
- mounted() {},
- methods: {},
- }
+ },
+ data() {
+ return {};
+ },
+ created() {},
+ mounted() {},
+ methods: {},
+};
</script>
<style lang="scss" scoped>
- .content {
- position: relative;
- width: 100%;
- height: 100%;
- overflow: hidden;
- background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
- filter: drop-shadow(0 0 10px white);
- }
+.content {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
+ filter: drop-shadow(0 0 10px white);
+}
- @function random_range($min, $max) {
- $rand: random();
- $random_range: $min + floor($rand * (($max - $min) + 1));
+@function random_range($min, $max) {
+ $rand: random();
+ $random_range: $min + floor($rand * (($max - $min) + 1));
- @return $random_range;
- }
+ @return $random_range;
+}
- .snow {
- $total: 200;
+.snow {
+ $total: 200;
- position: absolute;
- width: 10px;
- height: 10px;
- background: white;
- border-radius: 50%;
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ background: white;
+ border-radius: 50%;
- @for $i from 1 through $total {
- $random-x: random(1000000) * 0.0001vw;
- $random-offset: random_range(-100000, 100000) * 0.0001vw;
- $random-x-end: $random-x + $random-offset;
- $random-x-end-yoyo: $random-x + ($random-offset / 2);
- $random-yoyo-time: random_range(30000, 80000) / 100000;
- $random-yoyo-y: $random-yoyo-time * 100vh;
- $random-scale: random(10000) * 0.0001;
- $fall-duration: random_range(10, 30) * 1s;
- $fall-delay: random(30) * -1s;
+ @for $i from 1 through $total {
+ $random-x: random(1000000) * 0.0001vw;
+ $random-offset: random_range(-100000, 100000) * 0.0001vw;
+ $random-x-end: $random-x + $random-offset;
+ $random-x-end-yoyo: $random-x + ($random-offset / 2);
+ $random-yoyo-time: random_range(30000, 80000) / 100000;
+ $random-yoyo-y: $random-yoyo-time * 100vh;
+ $random-scale: random(10000) * 0.0001;
+ $fall-duration: random_range(10, 30) * 1s;
+ $fall-delay: random(30) * -1s;
- &:nth-child(#{$i}) {
- opacity: random(10000) * 0.0001;
- transform: translate($random-x, -10px) scale($random-scale);
- animation: fall-#{$i} $fall-duration $fall-delay linear infinite;
+ &:nth-child(#{$i}) {
+ opacity: random(10000) * 0.0001;
+ transform: translate($random-x, -10px) scale($random-scale);
+ animation: fall-#{$i} $fall-duration $fall-delay linear infinite;
+ }
+
+ @keyframes fall-#{$i} {
+ #{percentage($random-yoyo-time)} {
+ transform: translate($random-x-end, $random-yoyo-y) scale($random-scale);
}
- @keyframes fall-#{$i} {
- #{percentage($random-yoyo-time)} {
- transform: translate($random-x-end, $random-yoyo-y)
- scale($random-scale);
- }
-
- to {
- transform: translate($random-x-end-yoyo, 100vh) scale($random-scale);
- }
+ to {
+ transform: translate($random-x-end-yoyo, 100vh) scale($random-scale);
}
}
}
+}
</style>
--
Gitblit v1.8.0