ruankao/app/index/view/component/header.php

<?php
/**
 * 商业使用授权协议
 * 
 * Copyright (c) 2025 [云泽网]. 保留所有权利.
 * 
 * 本软件仅供评估使用。任何商业用途必须获得书面授权许可。
 * 未经授权商业使用本软件属于侵权行为，将承担法律责任。
 * 
 * 授权购买请联系: 357099073@qq.com
 * 官方网站: https://www.yunzer.cn
 * 
 * 评估用户须知:
 * 1. 禁止移除版权声明
 * 2. 禁止用于生产环境
 * 3. 禁止转售或分发
 */

// 获取当前登录状态
$isLoggedIn = false;
$userInfo = [
    'is_login' => false,
    'name' => '',
    'avatar' => '/static/images/avatar.png' // 默认头像
];

// 检查cookie
$userAccount = cookie('user_account');
if ($userAccount) {
    $isLoggedIn = true;
    $userInfo = [
        'is_login' => true,
        'name' => cookie('user_name'),
        'avatar' => cookie('user_avatar') ? cookie('user_avatar') : '/static/images/avatar.png'
    ];
}

// 添加一个隐藏的div来存储登录状态
$loginStatus = [
    'isLoggedIn' => $isLoggedIn,
    'userAccount' => $userAccount ?? ''
];
?>

<!-- 添加一个隐藏的div来存储登录状态 -->
<div id="loginStatus" style="display: none;" data-is-logged-in="{$isLoggedIn}" data-user-account="{$userAccount ?? ''}">
</div>

<div style="display: flex;flex-direction: column;">
    <!-- <div class="topbar-one">
        <div class="container">
            <div style="width: 70%;">
                <ul class="list-unstyled topbar-one__info">
                    <li class="topbar-one__info__item">
                        <span class="topbar-one__info__icon fas fa-phone-alt" style="margin-right: 10px;"></span>
                        <a href="{$config['web_phone']}">{$config['web_phone']}</a>
                    </li>
                    <li class="topbar-one__info__item">
                        <span class="topbar-one__info__icon fas fa-envelope" style="margin-right: 10px;"></span>
                        <a href="mailto:{$config['web_mail']}">{$config['web_mail']}</a>
                    </li>
                </ul>
            </div>
            <div class="topbar-one__social" style="width: 30%;">
                <a href="javascript:;" class="qrcode-trigger"><i class="layui-icon layui-icon-qrcode"></i> 公众号</a>
                <div class="qrcode-popup"
                    style="display:none;position:absolute;right:54px;top:32px;background:#fff;padding:10px;box-shadow:0 0 10px rgba(0,0,0,0.1); z-index: 1000;">
                    <img src="{$config['web_wechat']}" alt="公众号二维码" style="width:180px;height:180px;">
                </div>
            </div>
        </div>
    </div> -->
    <!-- 导航栏 -->
    <div class="main-menu">
        <div class="container">
            <div class="main-menu__logo">
                <a href="/"><img src="{$config['logo1']}" width="186" alt="Logo"></a>
            </div>
            <div class="main-menu__nav">
                <ul class="main-menu__list">
                    <li><a href="/">首页</a></li>
                    <li><a href="/index/articles/index?cateid=1">站点资讯</a></li>
                    <li><a href="/index/articles/index?cateid=3">技术文章</a></li>
                </ul>
            </div>
            <div class="main-menu__search">
                <i class="layui-icon layui-icon-search search-icon" id="mainSearchIcon"></i>
            </div>
            <!-- 搜索蒙版 -->
            <div class="search-mask" id="searchMask" style="">
                <div class="search-container">
                    <div class="search-box">
                        <select id="searchType" class="search-type">
                            <option value="articles">文章</option>
                            <option value="resources">资源</option>
                        </select>
                        <input type="text" id="searchInput" placeholder="请输入搜索关键词">
                        <button class="search-btn" id="searchBtn">搜索</button>
                    </div>
                </div>
            </div>
            <div class="main-menu__right">
                <div class="username">
                    <?php if ($userInfo['is_login']): ?>
                        <span class="username-text">{$userInfo.name}</span>
                    <?php endif; ?>
                </div>
                <div class="layui-inline">
                    <!-- 根据登录状态显示不同的内容 -->
                    <?php if ($userInfo['is_login']): ?>
                        <div class="layui-inline" style="position: relative;margin-left:20px;">
                            <img src="{$userInfo.avatar}" class="layui-circle"
                                style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarMain">
                            <div class="user-dropdown" id="userDropdownMain">
                                <ul>
                                    <li>
                                        <a href="/index/user/profile"><i
                                                class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
                                    </li>
                                    <li>
                                        <a href="/index/user/settings"><i
                                                class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" class="logout-btn"><i
                                                class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    <?php else: ?>
                        <div class="layui-inline">
                            <a href="/index/user/login" class="layui-btn layui-btn-normal">登录</a>
                            <a href="/index/user/register" class="layui-btn layui-btn-primary">注册</a>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 固定导航 -->
<div class="sticky-nav" style="display: none;">
    <div class="container">
        <div class="sticky-nav__logo">
            <a href="/"><img src="{$config['logo1']}" width="150" alt="Logo"></a>
        </div>
        <div class="sticky-nav__menu">
            <ul>
                <li><a href="/">首页</a></li>
                <li><a href="/index/articles/index?cateid=1">站点资讯</a></li>
                <li><a href="/index/articles/index?cateid=3">技术文章</a></li>
            </ul>
        </div>
        <div class="sticky-nav__search">
            <i class="layui-icon layui-icon-search search-icon" id="stickySearchIcon"></i>
        </div>
        <div class="sticky-nav__right">
            <div class="main-menu__right">
                <div class="username">
                    <?php if ($userInfo['is_login']): ?>
                        <span class="username-text">{$userInfo.name}</span>
                    <?php endif; ?>
                </div>
                <div class="layui-inline">
                    <!-- 根据登录状态显示不同的内容 -->
                    <?php if ($userInfo['is_login']): ?>
                        <div class="layui-inline" style="position: relative;margin-left:20px;">
                            <img src="{$userInfo.avatar}" class="layui-circle"
                                style="width: 40px; height: 40px; cursor: pointer;" id="userAvatarSticky">
                            <div class="user-dropdown" id="userDropdownSticky">
                                <ul>
                                    <li>
                                        <a href="/index/user/profile"><i
                                                class="layui-icon layui-icon-user"></i><span>个人中心</span></a>
                                    </li>
                                    <li>
                                        <a href="/index/user/settings"><i
                                                class="layui-icon layui-icon-set"></i><span>账号管理</span></a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" class="logout-btn"><i
                                                class="layui-icon layui-icon-logout"></i><span>退出登录</span></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    <?php else: ?>
                        <div class="layui-inline">
                            <a href="/index/user/login" class="layui-btn layui-btn-normal">登录</a>
                            <a href="/index/user/register" class="layui-btn layui-btn-primary">注册</a>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
</div>