xingyou/resources/views/audio/common/header.blade.php

<?php
$uri = \Illuminate\Support\Facades\Route::getCurrentRoute()->uri();
?>
<div class="container">
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container-fluid">
            <div class="logo-box">
                <img src="{{$productInfo->logo}}" alt="{{$productInfo->title}}" class="logo">
                <p class="logo-title noselect">{{$productInfo->title}}</p>
            </div>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                    aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mb-2 mb-lg-0">
                    <li class="nav-item {{ in_array($uri,['/','']) ? 'active' : '' }}">
                        <a class="nav-link" aria-current="page" href="{{ toRoute('') }}">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" target="_blank" aria-current="page"
                           href="https://www.xingyousoft.com/buy?pmid={{ $productInfo->mid }}">购买</a>
                    </li>
                    <li class="nav-item {{ in_array($uri,['help','']) ? 'active' : '' }}">
                        <a class="nav-link" href="{{ toRoute('help') }}">帮助中心</a>
                    </li>
                    <li class="nav-item {{ in_array($uri,['about','']) ? 'active' : '' }}">
                        <a class="nav-link" href="{{ toRoute('about') }}">关于我们</a>
                    </li>
                </ul>
                <div id="loginDiv">
                    <button type="button" class="btn btn-danger" style="width: 120px;height: 40px;"
                            onclick="showModal()">登录
                    </button>
                </div>
                <div class="dropdown" id="userDiv" style="display: none">
                    <a class="btn dropdown-toggle" href="#" role="button" id="dropdownMenuLink"
                       data-bs-toggle="dropdown"
                       aria-expanded="false">
                        <span id="username"></span>
                    </a>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                        <li><a class="dropdown-item" href="#">升级会员</a></li>
                        <li><a class="dropdown-item" href="#" onclick="loginOut()">退出登录</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</div>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">登录</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="login-model">
                    <div class="wei-login">
                        <p>扫码关注星优办公公众号进行登录</p>
                        <div class="login-border">
                            <img src="" class="login-code" style="width: 100%;display: none" id="loginImg"/>
                            <div class="spinner-border m-5" role="status" id="spinnerShow">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                            <div class="no-code" onclick="refreshCode()" id="refreshBtn" style="display: none">
                                点击刷新
                            </div>
                            <div class="no-code" onclick="refreshCode()" id="isScan" style="display: none">
                                请在微信【星优办公软件】内点击授权
                            </div>
                        </div>
                        <p class="expire-time" id="loginExpire" style="display: none">300秒后二维码将过期</p>
                        <p class="expire-time" id="guoqi" style="display: none">二维码已过期,点击刷新获取新二维码</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    let target = '{{ $target }}';

    // 设置允许跨域
    axios.defaults.withCredentials = false;


    setSession();

    let loginInterval = null;
    let checkScanInterval = null;
    let checkLoginInterval = null;

    let loginExpire = 0;
    let loginImg = '';
    let myModal = '';

    // 判断是否存在下载参数，存在则下载
    if (getPar('download')) {
        // 获取下载地址
        axios.post(target + '/download').then(function (response) {
            window.location.href = response.data.result
        })
    }

    // jiance
    checkLogin();

    /**
     * todo 测试登录 后期删除
     */
    // axios.post(target + '/api/login/testLogin', {})
    //     .then(function (response) {
    //         if (response.data.result) {
    //             clearLoginInterval();
    //
    //             setLoginToken(response.data.result);
    //             getUserInfo();
    //
    //             myModal.hide();
    //         } else {
    //             document.getElementById('loginDiv').style.display = '';
    //             document.getElementById('userDiv').style.display = 'none';
    //         }
    //     })
    //     .catch(function (error) {
    //         console.log(error);
    //     });

</script>