调整背景和樱花

珞珈岛-项目相关文件/luojia-island/vue-frontend/src/App.vue

@@ -23,11 +23,11 @@ function getRandomInt(min, max) {
 onMounted(() => {
  new Snow('#snow', 
   { 
-    num: getRandomInt(1,4), 
+    num: getRandomInt(1,2), 
     color: '#fff',
     maxR: 3, 
     minR: 12, 
-    maxSpeed: 0.4, 
+    maxSpeed: 0.3, 
     minSpeed: 0.1, 
     swing: true, 
     swingProbability: 0.1, 
@@ -46,6 +46,21 @@ onMounted(() => {
   text-align: center;
   color: #2c3e50;
   margin-top: 60px;
+  position: relative;
+  z-index: 1;
+
+}
+/* 背景图层 */
+#app::before {
+  content: "";
+  position: fixed;
+  top: 0; left: 0; right: 0; bottom: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: -1;
+  background: url('./assets/background.jpg') no-repeat center center / cover;
+  opacity: 0.3; /* 不透明度，可调整 */
+  pointer-events: none;
 }
 .snow {
   position: fixed;

珞珈岛-项目相关文件/luojia-island/vue-frontend/src/components/Header.vue

@@ -173,12 +173,14 @@ watch(() => userStore.userInfo, (newInfo) => {
   align-items: center;
   padding: 0 20px; /* 增加左右内边距，避免内容过于靠边 */
   border-bottom: 2px solid #e0e0e0;
-  background: white;
+  background: rgba(255, 255, 255, 0.5);
+  backdrop-filter: blur(4px); /* 添加毛玻璃效果 */
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1000;
   box-sizing: border-box; /* 确保内边距不会影响宽度 */
+
 }
 
 /* Logo 区域样式 */

珞珈岛-项目相关文件/luojia-island/vue-frontend/src/components/WelcomeCalendar.vue

@@ -81,6 +81,8 @@ initializeDate();
     font-family: Arial, sans-serif;
     padding: 20px;
     box-sizing: border-box;
+    background: rgba(255, 255, 255, 0.7); /* 半透明白色背景 */
+    backdrop-filter: blur(4px);            /* 可选，增加毛玻璃效果 */
 }
 
 .welcome-header {

珞珈岛-项目相关文件/luojia-island/vue-frontend/src/stores/postlist.js

@@ -65,6 +65,7 @@ export const usePostListStore = defineStore('postList', {
             this.offset = newOffset;
             this.pageSize = newSize;
           }
+          console.log('获取帖子列表成功', this.posts);
           if (!records || records.length < this.pageSize) {
             this.finished = true; // 没有更多数据
           }