新增前端站点

app/index/view/component/footer.php

@@ -0,0 +1,83 @@
+<footer class="footer">
+    <div class="container">
+        <div class="footer-content">
+            <div class="footer-logo">
+                <h3>{$config['admin_name']}</h3>
+            </div>
+            <div class="footer-links">
+                <ul>
+                    <li><a href="/">首页</a></li>
+                    <li><a href="/about">关于我们</a></li>
+                    <li><a href="/contact">联系我们</a></li>
+                    <li><a href="/service">服务条款</a></li>
+                </ul>
+            </div>
+            <div class="footer-contact">
+                <p>电话：{$config['phone'] ?? '暂无'}</p>
+                <p>邮箱：{$config['email'] ?? 'admin@example.com'}</p>
+                <p>地址：{$config['address'] ?? '暂无地址信息'}</p>
+            </div>
+        </div>
+        <div class="footer-bottom">
+            <p>版权所有 &copy; {date('Y')} {$config['admin_name']} - 保留所有权利</p>
+        </div>
+    </div>
+</footer>
+
+<style>
+.footer {
+    background-color: #333;
+    color: #fff;
+    padding: 30px 0;
+    margin-top: 30px;
+}
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 15px;
+}
+.footer-content {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-bottom: 20px;
+}
+.footer-logo h3 {
+    margin: 0;
+    font-size: 24px;
+    color: #fff;
+}
+.footer-links ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+.footer-links li {
+    margin-bottom: 10px;
+}
+.footer-links a {
+    color: #ccc;
+    text-decoration: none;
+    transition: color 0.3s;
+}
+.footer-links a:hover {
+    color: #fff;
+}
+.footer-contact p {
+    margin: 5px 0;
+    color: #ccc;
+}
+.footer-bottom {
+    text-align: center;
+    padding-top: 20px;
+    border-top: 1px solid #444;
+}
+@media (max-width: 768px) {
+    .footer-content {
+        flex-direction: column;
+    }
+    .footer-logo, .footer-links, .footer-contact {
+        margin-bottom: 20px;
+    }
+}
+</style>