代码如下
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>管理系统首页</title>
<link rel="stylesheet" href="./shouye.css">
<link rel="stylesheet" href="./font_vhfxa05u25/iconfont.css">
<link rel="stylesheet" href="./font_1mnx24duqkxi/iconfont.css">
</head>
<body>
<div class="left">
<div class="header"><span class="iconfont icon-xianyunshanriyuelangshiliangtuan10"></span>云端中国城</div>
<div class="main">
<ul>
<li><a href="#"><span class="iconfont icon-shouye"></span> 首页</a></li>
<li><a href="#"><span class="iconfont icon-shezhi"></span> 设置</a></li>
<li><a href="#"><span class="iconfont icon-yonghu"></span> 用户管理</a></li>
<li><a href="#"><span class="iconfont icon-dianshi"></span> 奖池管理</a></li>
<li><a href="#"><span class="iconfont icon-shenfenrenzheng-shenfenzheng"></span> 主播认证</a></li>
<li><a href="#"><span class="iconfont icon-dianshi"></span> 直播管理</a></li>
<li><a href="#"><span class="iconfont icon--"></span> 视频管理</a></li>
<li><a href="#"><span class="iconfont icon-qiandai"></span> 财务管理</a></li>
<li><a href="#"><span class="iconfont icon-jiazu"></span> 家族管理</a></li>
<li><a href="#"><span class="iconfont icon-baoguo_o"></span> 道具管理</a></li>
<li><a href="#"><span class="iconfont icon-hongbao"></span> 红包管理</a></li>
<li><a href="#"><span class="iconfont icon-yonghu"></span> 守护管理</a></li>
<li><a href="#"><span class="iconfont icon-dengji"></span> 等级管理</a></li>
<li><a href="#"><span class="iconfont icon-dengji"></span> 邀请奖励</a></li>
</ul>
</div>
</div>
<div class="right">
<div class="header">
<p><span class="iconfont icon-liebiao" style="text-align: left;"></span> |云端中国城后台管理系统</p>
<hr>
<p><span style="font-size: 17px;"><b> 云端中国城</b></span><span style="color: rgb(183, 195, 204);font-size:12px"> / 主播管理</span></p>
</div>
<div class="main">...</div>
<div class="footer">云端中国城·延安大学·版权所有<br>@#2024EduCoder公网安备43457438957号</div>
</div>
</body>
</html>
效果图如下
屏幕截图 2025-03-14 142950.png
