From ea09cd2e5ec9d2d5db16b23e86a59b9738459b82 Mon Sep 17 00:00:00 2001
From: qq_35891206 <qq_35891206@devide>
Date: Fri, 1 Sep 2023 13:54:00 +0800
Subject: [PATCH] Fri Sep  1 13:54:00 CST 2023 inscode

---
 src/App.vue                   | 14 +------------
 src/components/HelloWorld.vue |  2 +-
 src/router/index.js           |  2 +-
 src/view/compare.vue          | 38 +++++++++++++++++++++++++++++++++++
 4 files changed, 41 insertions(+), 15 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 633a5df..a5dc926 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,20 +1,8 @@
 <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>
+  <router-view />
 </template>
 
 <style scoped>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 1b8faac..02c51db 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -2,7 +2,7 @@
 defineProps({
   msg: {
     type: String,
-    required: true
+    default: '123'
   }
 })
 </script>
diff --git a/src/router/index.js b/src/router/index.js
index e3584d3..03e93e6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@ const routes = [
     {
         path: '/compare',
         name: 'Compare',
-        component: () => import('@/view/compare'),
+        component: () => import('@/components/HelloWorld'),
     }
 ]
 
diff --git a/src/view/compare.vue b/src/view/compare.vue
index e69de29..c11e72c 100644
--- a/src/view/compare.vue
+++ b/src/view/compare.vue
@@ -0,0 +1,38 @@
+<script setup>
+defineProps({
+  msg: {
+    type: String,
+    required: true
+  }
+})
+</script>
+
+<template>
+  <div class="greetings">
+    <h1 class="green">{{ msg }}</h1>
+  </div>
+</template>
+
+<style scoped>
+h1 {
+  font-weight: 500;
+  font-size: 2.6rem;
+  top: -10px;
+}
+
+h3 {
+  font-size: 1.2rem;
+}
+
+.greetings h1,
+.greetings h3 {
+  text-align: center;
+}
+
+@media (min-width: 1024px) {
+  .greetings h1,
+  .greetings h3 {
+    text-align: left;
+  }
+}
+</style>
-- 
GitLab