Spaces:

mistpe
/

showme

Running

App Files Files Community

mistpe commited on about 17 hours ago

Commit

ddad996

•

1 Parent(s): e4b89b8

Update index.html

Browse files

Files changed (1) hide show

index.html +94 -6

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>智言视寻 - 演示文稿</title>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
     <style>
         * {
@@ -267,6 +267,48 @@
             align-items: center;
             justify-content: center;
         }
     </style>
 </head>
 <body>
@@ -396,7 +438,7 @@
                     <h3 class="feature-title">应用层面</h3>
                     <ul class="feature-content list-disc list-inside">
                         <li>拓展应用场景</li>
-<li>开发个性化功能</li>
                         <li>探索产业化路径</li>
                     </ul>
                 </div>
@@ -427,6 +469,13 @@
     <button class="nav-button next" onclick="nextSlide()">→</button>
     <div class="slide-number">1 / 7</div>
     <script>
         let currentSlide = 1;
         const totalSlides = 7;
@@ -464,13 +513,52 @@
             label.textContent = size + '%';
         }
         document.addEventListener('keydown', function(event) {
-            if (event.key === 'ArrowRight') {
-                nextSlide();
-            } else if (event.key === 'ArrowLeft') {
-                prevSlide();
             }
         });
     </script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>智言视寻</title>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
     <style>
         * {
             align-items: center;
             justify-content: center;
         }
+        .fullscreen-button {
+            position: fixed;
+            bottom: 40px;
+            left: 40px;
+            background: rgba(66, 153, 225, 0.9);
+            color: white;
+            padding: 0.8rem;
+            border-radius: 50%;
+            font-size: 1.2rem;
+            cursor: pointer;
+            z-index: 100;
+            border: none;
+            width: 50px;
+            height: 50px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            transition: all 0.3s ease;
+        }
+        .fullscreen-button:hover {
+            background: rgba(66, 153, 225, 1);
+            transform: scale(1.1);
+        }
+        /* 全屏模式样式 */
+        :fullscreen {
+            background: linear-gradient(135deg, #f6f8fc 0%, #e9f0f8 100%);
+        }
+        :-webkit-full-screen {
+            background: linear-gradient(135deg, #f6f8fc 0%, #e9f0f8 100%);
+        }
+        :-moz-full-screen {
+            background: linear-gradient(135deg, #f6f8fc 0%, #e9f0f8 100%);
+        }
+        :-ms-fullscreen {
+            background: linear-gradient(135deg, #f6f8fc 0%, #e9f0f8 100%);
+        }
     </style>
 </head>
 <body>
                     <h3 class="feature-title">应用层面</h3>
                     <ul class="feature-content list-disc list-inside">
                         <li>拓展应用场景</li>
+                        <li>开发个性化功能</li>
                         <li>探索产业化路径</li>
                     </ul>
                 </div>
     <button class="nav-button next" onclick="nextSlide()">→</button>
     <div class="slide-number">1 / 7</div>
+    <!-- 全屏按钮 -->
+    <button class="fullscreen-button" onclick="toggleFullScreen()">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path>
+        </svg>
+    </button>
     <script>
         let currentSlide = 1;
         const totalSlides = 7;
             label.textContent = size + '%';
         }
+        // 修改后的键盘事件监听，支持上下键
         document.addEventListener('keydown', function(event) {
+            switch(event.key) {
+                case 'ArrowRight':
+                case 'ArrowDown':
+                    nextSlide();
+                    break;
+                case 'ArrowLeft':
+                case 'ArrowUp':
+                    prevSlide();
+                    break;
+                case 'f':
+                    toggleFullScreen();
+                    break;
             }
         });
+        // 全屏切换功能
+        function toggleFullScreen() {
+            if (!document.fullscreenElement &&
+                !document.mozFullScreenElement &&
+                !document.webkitFullscreenElement &&
+                !document.msFullscreenElement) {
+                // 进入全屏
+                if (document.documentElement.requestFullscreen) {
+                    document.documentElement.requestFullscreen();
+                } else if (document.documentElement.msRequestFullscreen) {
+                    document.documentElement.msRequestFullscreen();
+                } else if (document.documentElement.mozRequestFullScreen) {
+                    document.documentElement.mozRequestFullScreen();
+                } else if (document.documentElement.webkitRequestFullscreen) {
+                    document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
+                }
+            } else {
+                // 退出全屏
+                if (document.exitFullscreen) {
+                    document.exitFullscreen();
+                } else if (document.msExitFullscreen) {
+                    document.msExitFullscreen();
+                } else if (document.mozCancelFullScreen) {
+                    document.mozCancelFullScreen();
+                } else if (document.webkitExitFullscreen) {
+                    document.webkitExitFullscreen();
+                }
+            }
+        }
     </script>
 </body>
 </html>