引入功能模板

2 months ago · 695a2a22a4
5 changed files with 163 additions and 188 deletions
--- a/view/js/index.js
+++ b/view/js/index.js
@ -337,19 +337,6 @@ $(document).ready(function () {
        }
    });

-    $('.dropdown-toggle').click(function () {
-        const dropdownPanel = document.querySelector('.dropdown-panel');
-        const icon = document.querySelector('.icon');
-        // 切换面板的显示/隐藏
-        if (dropdownPanel.style.display === 'block') {
-            dropdownPanel.style.display = 'none';
-            icon.classList.remove('rotate'); // 移除旋转效果
-        } else {
-            dropdownPanel.style.display = 'block';
-            icon.classList.add('rotate'); // 添加旋转效果
-        }
-    })
-
    // 点击页面其他区域关闭面板
    document.addEventListener('click', (event) => {
        const dropdown = document.querySelector('.dropdown');
--- a/view/templates/include/footer.html
+++ b/view/templates/include/footer.html
@ -0,0 +1,4 @@
+<div class="leftSideFooterNew">
+    <p>Copyright &copy;2012-2025 .</p>
+    <p><span>All Rights Reserved</span> 底部随便写的</p>
+</div>
--- a/view/templates/include/header.html
+++ b/view/templates/include/header.html
@ -0,0 +1,31 @@
+<div class="header-wrap">
+    <a href="/"><img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt=""></a>
+    <div class="header-right flex">
+        <img src="{$smarty.const.CSS_URL}/images/home-more.png" alt="">
+        <div class="dropdown">
+            <button class="dropdown-toggle">
+                {$_user_info.nickname}
+                <img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt="">
+            </button>
+            <div class="dropdown-panel">
+                <a href="/loginout">退出</a>
+            </div>
+        </div>
+    </div>
+</div>
+{literal}
+<script>
+    $('.dropdown-toggle').click(function () {
+        const dropdownPanel = document.querySelector('.dropdown-panel');
+        const icon = document.querySelector('.icon');
+        // 切换面板的显示/隐藏
+        if (dropdownPanel.style.display === 'block') {
+            dropdownPanel.style.display = 'none';
+            icon.classList.remove('rotate'); // 移除旋转效果
+        } else {
+            dropdownPanel.style.display = 'block';
+            icon.classList.add('rotate'); // 添加旋转效果
+        }
+    })
+</script>
+{/literal}
--- a/view/templates/index/user_list.html
+++ b/view/templates/index/user_list.html
@ -55,21 +55,8 @@
 {/literal}
 <body>
    <div class="home-page">
-        <div class="header-wrap">
-            <img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt="">
-            <div class="header-right flex">
-                <img src="{$smarty.const.CSS_URL}/images/home-more.png" alt="">
-                <div class="dropdown">
-                    <button class="dropdown-toggle">
-                        {$_user_info.nickname}
-                        <img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt="">
-                    </button>
-                    <div class="dropdown-panel">
-                        <a href="/loginout">退出</a>
-                    </div>
-                </div>
-            </div>
-        </div>
+        {include file="include/header.html"}
+
        <div class="home-main-content">
            <table>
                <caption>审核员列表</caption>
@ -115,27 +102,12 @@
            </table>
            {/if}
        </div>
-        <div class="leftSideFooterNew">
-            <p>Copyright &copy;2012-2025 .</p>
-            <p><span>All Rights Reserved</span> 底部随便写的</p>
-        </div>
+
+        {include file="include/footer.html"}
    </div>
 </body>
 {literal}
 <script>
-    $('.dropdown-toggle').click(function () {
-        const dropdownPanel = document.querySelector('.dropdown-panel');
-        const icon = document.querySelector('.icon');
-        // 切换面板的显示/隐藏
-        if (dropdownPanel.style.display === 'block') {
-            dropdownPanel.style.display = 'none';
-            icon.classList.remove('rotate'); // 移除旋转效果
-        } else {
-            dropdownPanel.style.display = 'block';
-            icon.classList.add('rotate'); // 添加旋转效果
-        }
-    })
-
    $('.change-status').click(function (){
        var id = $(this).data('id');
        var status = $(this).hasClass('button-danger') ? 0 :  1;
--- a/view/templates/weibo/home.html
+++ b/view/templates/weibo/home.html
@ -12,25 +12,9 @@

 <body>
    <div class="home-page">
-        <div class="header-wrap">
-            <img class="home-logo" src="{$smarty.const.CSS_URL}/images/home-logo.png" alt="">
-            <div class="header-right flex">
-                <img src="{$smarty.const.CSS_URL}/images/home-more.png" alt="">
-                <div class="dropdown">
-                    <button class="dropdown-toggle">
-                        {$_user_info.nickname}
-                        <img class="icon" src="{$smarty.const.CSS_URL}/images/drop-icon.svg" alt="">
-                    </button>
-                    <div class="dropdown-panel">
-                        <a href="/loginout">退出</a>
-                    </div>
-                </div>
-            </div>
+        {include file="include/header.html"}

-
-        </div>
        <div class="home-main-content">
-
            <div class="home-main">
                <div class="tab-list index-nav-wrap flex">
                    <ul class="tab-wrap">
@ -175,10 +159,7 @@
                </div>
            </div>
        </div>
-    <div class="leftSideFooterNew">
-        <p>Copyright &copy;2012-2025 .</p>
-        <p><span>All Rights Reserved</span> 底部随便写的</p>
-    </div>
+        {include file="include/footer.html"}
    </div>
 </body>
 <script src="{$smarty.const.CSS_URL}/js/index.js?v={$smarty.const.CSS_JS_VERSION}"></script>