From c915268d5bda644ba5f6418f5aba85c93917daf8 Mon Sep 17 00:00:00 2001
From: zhaichao <zhaichao@fengyingkj.top>
Date: Tue, 22 Sep 2026 16:37:46 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=AE=E6=92=AD=E5=9B=BE=E6=9D=BF=E5=9D=974?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/assest/新闻logo.png | Bin 0 -> 5337 bytes
 web/dbzq.css              | 222 +++++++++++++++++++++++++++++++++++++-
 web/dbzq.html             | 120 +++++++++++++++++++++
 3 files changed, 340 insertions(+), 2 deletions(-)
 create mode 100644 web/assest/新闻logo.png

diff --git a/web/assest/新闻logo.png b/web/assest/新闻logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..a18deca54b6a4f576fb63114fa8d495312e44340
GIT binary patch
literal 5337
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

literal 0
HcmV?d00001

diff --git a/web/dbzq.css b/web/dbzq.css
index fa1b11d..45f3872 100644
--- a/web/dbzq.css
+++ b/web/dbzq.css
@@ -367,7 +367,7 @@ img {
     transform: translateX(-50%);
     width: 1200px;
     height: 105px;
-    background: rgba(255, 255, 255, 0.3);
+    background: #FDFDFD;
     box-sizing: border-box;
     z-index: 2;
     display: flex;
@@ -416,13 +416,231 @@ img {
     white-space: nowrap;
 }
 
+/* ========== 板块4 ========== */
+.block-4 {
+    position: absolute;
+    top: 614px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 1200px;
+    height: 400px;
+    background: #FDFDFD;
+    box-sizing: border-box;
+    z-index: 2;
+}
+
+.block-4 .block-4-logo {
+    position: absolute;
+    top: 2px;
+    right: 21px;
+    width: 64px;
+    height: 61px;
+    z-index: 3;
+}
+
+.block-4 .block-4-carousel {
+    position: absolute;
+    left: 14px;
+    top: 15px;
+    width: 616px;
+    height: 344px;
+    background: #d9d9d9;
+    overflow: hidden;
+}
+
+.block-4 .carousel-slide {
+    position: absolute;
+    inset: 0;
+    opacity: 0;
+    transition: opacity 0.4s ease;
+}
+
+.block-4 .carousel-slide.is-active {
+    opacity: 1;
+    z-index: 1;
+}
+
+.block-4 .carousel-slide img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    background: #c5d0de;
+}
+
+.block-4 .carousel-slide:nth-child(2) img {
+    background: #b7c6d8;
+}
+
+.block-4 .carousel-slide:nth-child(3) img {
+    background: #a8bbd0;
+}
+
+.block-4 .carousel-slide p {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: 40px;
+    margin: 0;
+    padding: 0 16px;
+    background: rgba(11, 64, 138, 0.72);
+    color: #fff;
+    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 40px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.block-4 .carousel-btn {
+    position: absolute;
+    top: 50%;
+    z-index: 2;
+    width: 28px;
+    height: 48px;
+    margin-top: -24px;
+    border: 0;
+    background: rgba(0, 0, 0, 0.35);
+    color: #fff;
+    font-size: 24px;
+    line-height: 48px;
+    cursor: pointer;
+}
+
+.block-4 .carousel-prev {
+    left: 0;
+}
+
+.block-4 .carousel-next {
+    right: 0;
+}
+
+.block-4 .carousel-dots {
+    position: absolute;
+    right: 12px;
+    bottom: 12px;
+    z-index: 2;
+    display: flex;
+    gap: 6px;
+}
+
+.block-4 .carousel-dots button {
+    width: 8px;
+    height: 8px;
+    padding: 0;
+    border: 0;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.55);
+    cursor: pointer;
+}
+
+.block-4 .carousel-dots button.is-active {
+    background: #fff;
+}
+
+.block-4 .block-4-tabs {
+    position: absolute;
+    left: 666px;
+    top: 25px;
+    display: flex;
+    gap: 8px;
+}
+
+.block-4 .block-4-tab {
+    width: 83px;
+    height: 22px;
+    padding: 0;
+    border: 0;
+    border-radius: 11px;
+    background: transparent;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.block-4 .block-4-tab span {
+    width: 100%;
+    height: 22px;
+    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
+    font-weight: 300;
+    font-size: 16px;
+    color: #7EA3CC;
+    line-height: 22px;
+    text-align: center;
+    font-style: normal;
+    text-transform: none;
+}
+
+.block-4 .block-4-tab.is-active {
+    background: #7EA3CC;
+}
+
+.block-4 .block-4-tab.is-active span {
+    color: #FFFFFF;
+}
+
+.block-4 .block-4-line {
+    position: absolute;
+    left: 659px;
+    top: 66px;
+    width: 523px;
+    height: 1px;
+    background: #6789B0;
+}
+
+.block-4 .block-4-panel {
+    display: none;
+}
+
+.block-4 .block-4-panel.is-active {
+    display: block;
+}
+
+.block-4 .block-4-item {
+    position: absolute;
+    left: 660px;
+    width: 495px;
+    height: 36px;
+    background: #D9D9D9;
+    display: flex;
+    align-items: center;
+    padding-left: 12px;
+    box-sizing: border-box;
+}
+
+.block-4 .block-4-item span {
+    width: 305px;
+    height: 16px;
+    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
+    font-weight: 400;
+    font-size: 16px;
+    color: #414141;
+    line-height: 16px;
+    letter-spacing: 1px;
+    text-align: left;
+    font-style: normal;
+    text-transform: none;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.block-4 .block-4-item:nth-child(1) { top: 73px; }
+.block-4 .block-4-item:nth-child(2) { top: 123px; }
+.block-4 .block-4-item:nth-child(3) { top: 173px; }
+.block-4 .block-4-item:nth-child(4) { top: 223px; }
+.block-4 .block-4-item:nth-child(5) { top: 273px; }
+.block-4 .block-4-item:nth-child(6) { top: 323px; }
+
 /* ========== Footer ========== */
 .footer {
     position: relative;
     width: 100%;
     height: 522px;
     background: url("assest/网站底部1600 1.png") center top / 100% 100% no-repeat;
-    margin-top: 120px;
+    margin-top: 540px;
     box-sizing: border-box;
 }
 
diff --git a/web/dbzq.html b/web/dbzq.html
index 3272998..440c0f9 100644
--- a/web/dbzq.html
+++ b/web/dbzq.html
@@ -147,6 +147,62 @@
         </ul>
     </section>
 
+    <!-- 板块4 -->
+    <section class="block-4">
+        <img class="block-4-logo" src="assest/新闻logo.png" alt="">
+        <div class="block-4-carousel">
+            <div class="carousel-slide is-active">
+                <img src="" alt="">
+                <p>海军某部开展实战化训练 锤炼制胜本领</p>
+            </div>
+            <div class="carousel-slide">
+                <img src="" alt="">
+                <p>东部战区海军某驱逐舰支队海上演训</p>
+            </div>
+            <div class="carousel-slide">
+                <img src="" alt="">
+                <p>海军航空兵某团组织跨昼夜飞行训练</p>
+            </div>
+            <button type="button" class="carousel-btn carousel-prev" aria-label="上一张">‹</button>
+            <button type="button" class="carousel-btn carousel-next" aria-label="下一张">›</button>
+            <div class="carousel-dots">
+                <button type="button" class="is-active" aria-label="第1张"></button>
+                <button type="button" aria-label="第2张"></button>
+                <button type="button" aria-label="第3张"></button>
+            </div>
+        </div>
+        <div class="block-4-tabs">
+            <button type="button" class="block-4-tab is-active" data-tab="0"><span>军政要闻</span></button>
+            <button type="button" class="block-4-tab" data-tab="1"><span>东海要闻</span></button>
+            <button type="button" class="block-4-tab" data-tab="2"><span>部队要闻</span></button>
+        </div>
+        <div class="block-4-line"></div>
+        <div class="block-4-panel is-active" data-panel="0">
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+        </div>
+        <div class="block-4-panel" data-panel="1">
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+        </div>
+        <div class="block-4-panel" data-panel="2">
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+            <div class="block-4-item"><span>内容文字占位内容文字占位</span></div>
+        </div>
+    </section>
+
     <!-- 板块：Footer -->
     <footer class="footer">
         <a class="footer-link footer-link-stats" href="javascript:;">信息统计</a>
@@ -264,6 +320,70 @@
             </div>
         </div>
     </footer>
+    <script>
+        (function () {
+            var root = document.querySelector(".block-4-carousel");
+            if (!root) return;
+            var slides = root.querySelectorAll(".carousel-slide");
+            var dots = root.querySelectorAll(".carousel-dots button");
+            var index = 0;
+            var timer = null;
+
+            function show(next) {
+                index = (next + slides.length) % slides.length;
+                slides.forEach(function (slide, i) {
+                    slide.classList.toggle("is-active", i === index);
+                });
+                dots.forEach(function (dot, i) {
+                    dot.classList.toggle("is-active", i === index);
+                });
+            }
+
+            function start() {
+                stop();
+                timer = setInterval(function () {
+                    show(index + 1);
+                }, 4000);
+            }
+
+            function stop() {
+                if (timer) clearInterval(timer);
+            }
+
+            root.querySelector(".carousel-prev").addEventListener("click", function () {
+                show(index - 1);
+                start();
+            });
+            root.querySelector(".carousel-next").addEventListener("click", function () {
+                show(index + 1);
+                start();
+            });
+            dots.forEach(function (dot, i) {
+                dot.addEventListener("click", function () {
+                    show(i);
+                    start();
+                });
+            });
+            root.addEventListener("mouseenter", stop);
+            root.addEventListener("mouseleave", start);
+            start();
+        })();
+        (function () {
+            var tabs = document.querySelectorAll(".block-4-tab");
+            var panels = document.querySelectorAll(".block-4-panel");
+            tabs.forEach(function (tab) {
+                tab.addEventListener("click", function () {
+                    var index = tab.getAttribute("data-tab");
+                    tabs.forEach(function (item) {
+                        item.classList.toggle("is-active", item === tab);
+                    });
+                    panels.forEach(function (panel) {
+                        panel.classList.toggle("is-active", panel.getAttribute("data-panel") === index);
+                    });
+                });
+            });
+        })();
+    </script>
 </body>
 
 </html>
\ No newline at end of file