feat: ✨️初始化跟容器以及子容器基础样式

ZRMYDYCG · Mar 4, 2025 · d4b1b7b · d4b1b7b
1 parent 0a64376
commit d4b1b7b
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 2 deletions.
diff --git a/src/css/app.css b/src/css/app.css
@@ -0,0 +1,38 @@
+/* 根元素相关样式表 */
+html body::-webkit-scrollbar,
+#app::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+html body::-webkit-scrollbar-thumb,
+#app::-webkit-scrollbar-thumb {
+    background-color: #eaeaeb;
+    border: 3px solid transparent;
+    border-radius: 7px;
+}
+
+html body::-webkit-scrollbar-thumb:hover,
+#app::-webkit-scrollbar-thumb:hover {
+    background-color: #d4d5d6;
+}
+
+body {
+    height: 100vh;
+    background-color: #f7faff;
+}
+
+#app {
+    width: 100vw;
+    height: 100vh;
+}
+
+/* 包裹容器样式表 */
+.page-wrapper {
+    padding: 0 15px;
+}
+
+/* ElementPlus样式覆盖表 */
+.el-scrollbar .el-scrollbar__bar.is-vertical {
+    width: 8px;
+}
diff --git a/src/css/main.css b/src/css/main.css
@@ -0,0 +1 @@
+@import "../../node_modules/.pnpm/tailwindcss@4.0.9/node_modules/tailwindcss";
diff --git a/src/main.css b/src/main.css
diff --git a/src/main.ts b/src/main.ts
@@ -2,7 +2,8 @@ import App from '@/App.vue'
 import { registerRouter } from '@/router'
 import { registerStore } from '@/store'
 import { createApp } from 'vue'
-import './main.css'
+import './css/app.css'
+import './css/main.css'
 
 function bootstrap() {
   const app = createApp(App)
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		@import "../../node_modules/.pnpm/tailwindcss@4.0.9/node_modules/tailwindcss";