调整公共样式

2024-12-11 17:14:45 +08:00
parent f5af8ed640
commit 9ccba5ea1c
4 changed files with 11 additions and 22 deletions
--- a/index.html
+++ b/index.html
@@ -4,15 +4,6 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>utools-list</title>
-    <style>
-      * {
-        margin: 0;
-        padding: 0;
-      }
-      body {
-        height: 100%;
-      }
-    </style>
  </head>
  <body>
    <div id="app"></div>
--- a/src/App.vue
+++ b/src/App.vue
@@ -56,16 +56,3 @@ const handleItemClick = (item: ListItem): void => {
    @click="handleItemClick"
  />
 </template>
-
-<style>
-html,
-body {
-  margin: 0;
-  padding: 0;
-  height: 100%;
-}
-
-#app {
-  height: 100%;
-}
-</style>
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,5 @@
 import { createApp } from 'vue'
+import './style.css'
 import type { App as AppType } from 'vue'
 import App from './App.vue'

--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,10 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+}
+
+#app {
+  height: 100%;
+}