@@ -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>
@@ -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;
@@ -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 }}