// 判断用户是否登录--判断cookie中会否存在username的值
$(function () {
// 获取cookie的username，如果cookie中的username有值，则表示用户已经登录，否则未登录
var username = getCookie('username');
var login = document.querySelector('.box1-con-c ');
if (username) {
// 用户已经登录，在顶部导航栏，显示用户的信息，及显示退出按钮
// 退出功能,点击退出
// var str = `<li><a>欢迎尊贵的<span>${username}</span>VIP来到旅游网站！</a></li>
// <li><a href="javascript:;" class="logout">退出</a></li>`;
var str = ` <div class="box1-con-c-a">
<li><a>欢迎尊贵的<span>${username}</span>光临</a></li>
<li><a href="javascript:;" class="logout">退出</a></li>
</div>`
login.innerHTML = str;
var logout = document.querySelector('.box1-con-c ');
logout.onclick = function () {
// 使用layer的confirm弹出层，展示 确定 和 取消 的选项
layer.confirm('你确定要退出吗？', {
btn: ['确定', '取消']
},
// 第一个 确定 按钮点击触发的函数
function () {
// 删除cookie，退出登录状态
delCookie('username');
login.innerHTML = `<div class="box1-con-c-a">
<span><span><a href="./denglu.html" target="_blank">登录丨</a></span><a href="./zhuce.html"
target="_blank">注册</a></span>
</div>
<div class="box1-con-c-b">
<input type="text" size="16">
</div>`;
layer.msg('退出成功', {
icon: 1,
time: 500
})
},
// 第二个 取消 按钮 点击触发的函数
function () {
layer.msg('已取消', {
icon: 1,
time: 500
})
return false;
}
)
}
}
})
