Add files via upload

iiop123 · Nov 9, 2022 · 9415063 · 9415063
1 parent 7a0d780
commit 9415063
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 1 deletion.
diff --git a/static/dist/assets/index.3ec02a75.css b/static/dist/assets/index.3ec02a75.css
diff --git a/static/dist/assets/index.bd0f4c0d.js b/static/dist/assets/index.bd0f4c0d.js
diff --git a/static/dist/index.html b/static/dist/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <script src="https://unpkg.com/[email protected]/dist/js/mdui.min.js"></script>
+ <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/mdui.min.css" />
+ <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_3741384_2vursttzzg.css" />
+ <title>二维码生成</title>
+ <script type="module" crossorigin src="/assets/index.bd0f4c0d.js"></script>
+ <link rel="stylesheet" href="/assets/index.3ec02a75.css">
+ </head>
+ <body>
+ <div id="app"></div>
+
+ </body>
+</html>
diff --git a/static/dist/vite.svg b/static/dist/vite.svg
diff --git a/static/src/water.vue b/static/src/water.vue
@@ -6,6 +6,7 @@ export default{
  return{
  file_info:[],
  img_link:[],
+ status:false,
  breakpoints: {
  1200: { //当屏幕宽度小于等于1200
  rowPerView: 4,
@@ -39,12 +40,13 @@ export default{
  }
  
  setTimeout(()=>{
- 
+ this.status=true
  fetch('/api',{
  method:'POST',
  body:form
  }).then((e)=>{
  return e.json()}).then((re)=>{
+ this.status=false
  for (let i = 0; i < re.src.length; i++) {
  this.img_link.push(re.src[i]) 
  }
@@ -70,6 +72,12 @@ export default{
 }
 </script>
 <template>
+ <Transition name="loading">
+ <div v-if="status" class="loading">
+ <img src="https://img.giao111.workers.dev/api/img/F3BMbG" style="width: 5vh;">
+ <h4>上传中...</h4>
+ </div>
+ </Transition>
 <Waterfall :list="file_info" :breakpoints="breakpoints">
  <template #item="{ item, url, index }">
  <div class="mdui-card">
@@ -106,4 +114,24 @@ export default{
  padding: 5em 0;
  width: 48px;
 }
+.loading-enter-active,
+.loading-leave-active {
+ transition: all 0.8s ease;
+}
+.loading-enter-from,
+.loading-leave-to {
+ opacity: 0;
+}
+.loading{
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%,-50%);
+ text-align: center;
+ padding-top: 15px;
+ z-index: 999;
+ width: 16vh;
+ position: absolute;
+ background-color: #e5dedecf;
+ box-sizing: border-box;
+}
 </style>