@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.10/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 © 2025
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: ['260px', '100%'],
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: 2000 }, function () {
window.location.href = "/Login/Index";
})
}
else {
layer.msg(res.msg, { icon: 5, time: 2000 });
}
}
})
}
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>这个页面是管理系统登陆后的主页面，上面的是一个点击后出现下拉列表，目标是可以进行修改资料，修改密码，以及退出登录，但现在我的代码中下拉中缺少修改密码，以及把修改密码写在修改个人资料里面 ，请你进行优化
本文探讨了HTML中引用块、字段集区块、横线等元素的使用方式，无需依赖额外模块即可实现丰富样式。详细介绍了不同颜色的分割线及引用模块的代码实现。
扫一扫
1370
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
