@using HengJiuGamesManage.Models;
@{
Layout = null;
}
@{
Users users = new Users
();
if
(ViewBag.UserModel != null
) {
users = ViewBag.UserModel;
}
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>恒久游戏管理系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link
href="~/Scripts/layui/css/layui.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.4.1.js"></script>
<style>
.layui-footer {
display
: flex;
justify-content
: center;
}
</style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
<div class="layui-header">
<div class="layui-logo layui-hide-xs layui-bg-black">恒久游戏管理系统</div>
<!-- 头部区域（可配合layui 已有的水平导航） -->
<ul class="layui-nav layui-layout-left">
<!-- 移动端显示 -->
@*<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
<i class="layui-icon layui-icon-spread-left"></i>
</li>
<li class="layui-nav-item layui-hide-xs"><a
href="
javascript:;">nav 1</a></li>
<li class="layui-nav-item layui-hide-xs"><a
href="
javascript:;">nav 2</a></li>
<li class="layui-nav-item layui-hide-xs"><a
href="
javascript:;">nav 3</a></li>
<li class="layui-nav-item">
<a
href="
javascript:;">nav groups</a>
<dl class="layui-nav-child">
<dd><a
href="
javascript:;">menu 11</a></dd>
<dd><a
href="
javascript:;">menu 22</a></dd>
<dd><a
href="
javascript:;">menu 33</a></dd>
</dl>
</li>*@
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item layui-hide layui-show-sm-inline-block">
<a
href="
javascript:;">
<img src="//unpkg.com/outeres@
0.
0.1
0/img/layui/icon-v2.png" class="layui-nav-img">
@users.UserName
</a>
<dl class="layui-nav-child">
<dd><a
href="
javascript:;" onclick="ModifyInfo
()">个人资料</a></dd>
@*<dd><a
href="
javascript:;">注销账号</a></dd>*@
<dd><a
href="
javascript:;" onclick="Exit
()">退出登录</a></dd>
</dl>
</li>
<li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
<a
href="
javascript:;">
<i class="layui-icon layui-icon-more-vertical"></i>
</a>
</li>
</ul>
</div>
<div class="layui-side layui-bg-black">
<div class="layui-side-
scroll">
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed">
<a class=""
href="
javascript:;">游戏大类</a>
<dl class="layui-nav-child">
<dd><a
href="
javascript:;">王者荣耀</a></dd>
<dd><a
href="
javascript:;">永劫无间</a></dd>
<dd><a
href="
javascript:;">三角洲行动</a></dd>
<dd><a
href="
javascript:;">解限机</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a
href="
javascript:;">权限管理</a>
<dl class="layui-nav-child">
<dd><a
href="
javascript:;">普通用户</a></dd>
<dd><a
href="
javascript:;">管理员</a></dd>
<dd><a
href="
javascript:;">超级管理员</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a
href="
javascript:;">帮助</a></li>
</ul>
</div>
</div>
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding
: 15px;">
<blockquote class="layui-elem-quote layui-text">
Layui 框体布局内容主体区域
</blockquote>
<div class="layui-card layui-panel">
<div class="layui-card-header">
下面是充数内容，为的是出现滚动条
</div>
<div class="layui-card-body">
</div>
</div>
<br><br>
</div>
</div>
<div class="layui-footer" style="justify-content
: center;">
<!-- 底部固定区域 -->
Copyright © 2
025 Layui MIT Licensed
免责声明开源协议 在线测试 广告赞助 静态主题
</div>
</div>
<script src="~/Scripts/layui/layui.js"></script>
<script>
//JS
layui.use
(['element', 'layer', 'util'], function
() {
var element = layui.element;
var layer = layui.layer;
var util = layui.util;
var $ = layui.$;
//头部事件
util.event
('lay-header-event', {
menuLeft
: function
(othis
) { // 左侧菜单事件
layer.msg
('展开左侧菜单的操作', { icon
: 0 }
);
},
menuRight
: function
() { // 右侧菜单事件
layer.open
({
type
: 1,
title
: '公告',
content
: '<div style="padding
: 15px;">公告1</div>',
area
: ['26
0px', '1
00%'],
offset
: 'rt', // 右上角
anim
: 'slideLeft', // 从右侧抽屉滑出
shadeClose
: true,
scrollbar
: false
}
);
}
}
);
}
);
//退出
function Exit
() {
$.ajax
({
url
:"/Home/ExitSession",
type
: "post",
success
: function
(res
) {
if
(res.code ==
0) {
layer.msg
(res.msg, { icon
: 6, time
: 2
000 }, function
() {
window.location.
href = "/Login/Index";
}
)
}
else {
layer.msg
(res.msg, { icon
: 5, time
: 2
000 }
);
}
}
}
)
}
function ModifyInfo
() {
layer.open
({
type
: 2, // page 层类型
area
: ['669px', '638px'],
title
: '资料修改',
shade
: 0.5, // 遮罩透明度
shadeClose
: false, // 点击遮罩区域，关闭弹层
maxmin
: false, // 允许全屏最小化
anim
: 0, //
0-6 的动画形式，-1 不开启
content
: '/Home/ModifyBaseInfo'
}
);
}
</script>
</body>
</html>这个页面是管理系统登陆后的主页面，上面的是一个点击后出现下拉列表，目标是可以进行修改资料，修改密码，以及退出登录，但现在我的代码中下拉中缺少修改密码，以及把修改密码写在修改个人资料里面 ，请你进行优化
本文深入探讨了JavaScript中的window.scroll(x,y)函数，详细解释了如何使用此函数将网页滚动到指定的像素坐标点。通过实例演示，读者可以轻松掌握此功能的应用，提升网页交互体验。
扫一扫
256
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
