commit

src/main/resources/views/mobile/staffmanage/birthday/index.html

@@ -2,6 +2,9 @@
 layout("/mobile/platform.html"){
 #-->
 <style scoped>
+    html, body, #app {
+        margin: 0 auto;
+    }
     /* ====================基础样式 ==================== */
     .app-container {
         width: 100%;
@@ -40,7 +43,7 @@ layout("/mobile/platform.html"){
 
     /* 工会Logo */
     .union-logo {
-        position: fixed;
+        position: absolute;
         top: 5px;
         left: 5px;
         width: 115px;
@@ -62,7 +65,7 @@ layout("/mobile/platform.html"){
 
     /* 教师标识 */
     .teacher-badge {
-        position: fixed;
+        position: absolute;
         bottom: 10px;
         right: 10px;
         background: rgba(255,215,0,0.15);
@@ -336,7 +339,7 @@ layout("/mobile/platform.html"){
         position: relative;
         width: 90vw;
         /*max-width: 420px;*/
-        max-height: 90vh;
+        /*max-height: 90vh;*/
         transform: scale(0.85) translateY(25px);
         transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
         filter: drop-shadow(0 25px 60px rgba(0,0,0,0.7));
@@ -358,11 +361,12 @@ layout("/mobile/platform.html"){
         width: 100%;
         background: #fff;
         border-radius: 22px;
-        overflow: hidden;
+        overflow: auto;
         position: relative;
         border: 3px solid #ffd700;
         box-shadow: 0 15px 40px rgba(255,215,0,0.35);
         max-height: 90vh;
+        height: 88vh;
         display: flex;
         flex-direction: column;
     }
@@ -375,7 +379,7 @@ layout("/mobile/platform.html"){
         align-items: center;
         background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
         position: relative;
-        overflow: hidden;
+        overflow-y: auto;
         box-sizing: border-box;
     }
 
@@ -404,10 +408,12 @@ layout("/mobile/platform.html"){
         background: #fff;
         z-index: 1;
         box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+        max-height: 100%;
     }
 
     /* 底部提示区域 - 固定在底部 */
     .coupon-footer {
+        flex-shrink: 0;
         background: linear-gradient(135deg, #2c3e50 0%, #1a252f 100%);
         color: #ffd700;
         padding: 4px 2px;
@@ -516,7 +522,7 @@ layout("/mobile/platform.html"){
 
     /* ==================== 音乐按钮 ==================== */
     .music-btn {
-        position: fixed;
+        position: absolute;
         bottom: 10px;
         left: 10px;
         width: 48px;
@@ -648,7 +654,7 @@ layout("/mobile/platform.html"){
 
                         <!-- 底部提示区域 - 固定在最底部 -->
                         <div class="coupon-footer">
-                            <strong>💡 使用提示：</strong>请截图保存保存此贺卡图片，领取生日蛋糕券，享用生日长寿面
+                            <strong>💡 使用提示：</strong>请截图保存此贺卡图片，领取生日蛋糕券，享用生日长寿面
                         </div>
                     </div>
                 </div>