ZaiZai 2 vuotta sitten
vanhempi
commit
de105989c5
3 muutettua tiedostoa jossa 23 lisäystä ja 1 poistoa
  1. 7 0
      index.html
  2. 15 0
      src/styles/app/theme.scss
  3. 1 1
      src/views/using/stats.vue

+ 7 - 0
index.html

@@ -9,6 +9,13 @@
         <link rel="stylesheet" href="/plugins/remixicon-v3.3.0/remixicon.css"/>
         <link rel="stylesheet" href="/plugins/fonts/index.css"/>
         <script type='text/javascript' src='http://47.110.251.215:6831/web-apps/apps/api/documents/api.js'></script>
+        <style>
+            @property --d {
+                syntax: '<angle>';
+                inherits: true;
+                initial-value: 0deg;
+            }
+        </style>
         <title></title>
     </head>
     <body>

+ 15 - 0
src/styles/app/theme.scss

@@ -339,4 +339,19 @@ html.dark {
             color: white;
         }
     }
+    .border-neon {
+        &:before {
+            content: "";
+            position: absolute;
+            inset: -1px;
+            padding: 2px;
+            border-radius: inherit;
+            background: conic-gradient(from var(--d, 0deg), #21D4FD, #0000 30deg 120deg, #B721FF 150deg 180deg, #0000 210deg 300deg, #21D4FD 330deg);
+            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
+            -webkit-mask-composite: xor;
+            mask-composite: intersect;
+            --d: 0deg;
+            transition: .5s, 60s linear --d;
+        }
+    }
 }

+ 1 - 1
src/views/using/stats.vue

@@ -18,7 +18,7 @@
                         </div>
                     </el-col>
                     <el-col :span="8" class="h-full">
-                        <div class="hc-chart-card-box gird">
+                        <div class="hc-chart-card-box gird border-neon animate__bounce">
                             <div class="header">档案总存储</div>
                             <div class="body font-FZGongYHJW num-text" v-loading="isSizeLoading">
                                 {{ allArchiveFileSizedata }}