From eae5f106f66a7ebf3dad305e1833a31cda949b55 Mon Sep 17 00:00:00 2001
From: 62f4a3d12b7489745d8e3f68 <62f4a3d12b7489745d8e3f68@devide>
Date: Fri, 21 Apr 2023 16:30:53 +0000
Subject: [PATCH] Auto commit

---
 src/App.vue             | 50 +++++-------------------------------
 src/components/Daub.vue | 57 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 64 insertions(+), 43 deletions(-)
 create mode 100644 src/components/Daub.vue

diff --git a/src/App.vue b/src/App.vue
index 633a5df..2bef034 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,47 +1,11 @@
-<script setup>
-import HelloWorld from './components/HelloWorld.vue'
-import TheWelcome from './components/TheWelcome.vue'
-</script>
-
 <template>
-  <header>
-    <img alt="Vue logo" class="logo" src="./assets/logo.svg" width="125" height="125" />
-
-    <div class="wrapper">
-      <HelloWorld msg="You did it!" />
-    </div>
-  </header>
-
-  <main>
-    <TheWelcome />
-  </main>
+  <div>
+   <Daub/>
+  </div>
 </template>
 
-<style scoped>
-header {
-  line-height: 1.5;
-}
-
-.logo {
-  display: block;
-  margin: 0 auto 2rem;
-}
-
-@media (min-width: 1024px) {
-  header {
-    display: flex;
-    place-items: center;
-    padding-right: calc(var(--section-gap) / 2);
-  }
-
-  .logo {
-    margin: 0 2rem 0 0;
-  }
+<script setup>
+import Daub from './components/Daub.vue'
+</script>
 
-  header .wrapper {
-    display: flex;
-    place-items: flex-start;
-    flex-wrap: wrap;
-  }
-}
-</style>
+<style scoped></style>
diff --git a/src/components/Daub.vue b/src/components/Daub.vue
new file mode 100644
index 0000000..d7f17f6
--- /dev/null
+++ b/src/components/Daub.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="container">
+    InsCode
+	</div>
+  </template>
+  
+  <script setup>
+  
+  </script>
+  
+  <style scoped>
+    * {
+			padding: 0;
+			margin: 0;
+		}
+
+		body {
+			height: 100vh;
+			background-color: #1d1c1c;
+			display: flex;
+		}
+
+		.container {
+			color: #fff;
+			margin: auto;
+			font-size: 80px;
+			font-weight: bolder;
+			position: relative;
+		}
+
+		/* 伪类,用于涂抹动画 */
+		.container::before {
+			content: 'InsCode';
+			color: aqua;
+			/* 让他们重合 */
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 50px;
+			white-space: nowrap;
+			overflow: hidden;
+			border-right: 5px solid aqua;
+			animation: animate 7s linear infinite;
+			filter: drop-shadow(0 0 50px #06ee99);
+		}
+
+		@keyframes animate {
+			0% {
+				width: 0;
+			}
+
+			100% {
+				width: 100%;
+			}
+		}
+</style>
+  
\ No newline at end of file
-- 
GitLab