<!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="./style/style.css">
<link rel="stylesheet" href="./style/管理员页面.css">
<link rel="stylesheet" href="./font_7i54acm54j8/iconfont.css">
<style>
.zuo{width: 280px;height: 100%;background-color: gray;}
.you{flex: 1;height: 100%;background-color: white}
</style>
</head>
<body>
<div class="zuo">
<div class="tou">
<div class="tu"><img src="./屏幕截图 2025-03-08 203341.png" alt=""></div>
<div class="wen">云端中国城</div>
</div>
<div class="bg shouye"><i class="iconfont icon-shouye" ></i>首页</div>
<div class="bg shezhi"><i class="iconfont icon-shezhi" ></i>设置</div>
<div class="bg yongwu"><i class="iconfont icon-yonghu" ></i>用户管理</div>
<div class="bg jiangchi"><i class="iconfont icon-jiangchiguanli" ></i>奖池管理</div>
<div class="bg zhubo"><i class="iconfont icon-zhubo" ></i>主播认证</div>
<div class="bg zhibo"><i class="iconfont icon-zhibo_1" ></i>直播管理</div>
<div class="bg shiping"><i class="iconfont icon-shipin "></i>视频管理</div>
<div class="bg jiazhu"><i class="iconfont icon-icon11" ></i>家族管理</div>
<div class="bg daoju"><i class="iconfont icon-daoju" ></i>道具管理</div>
<div class="bg hongbao"><i class="iconfont icon-hongbao" ></i>红包管理</div>
<div class="bg shouwu"><i class="iconfont icon-anquanshouhu" ></i>守护管理</div>
<div class="bg dengji"><i class="iconfont icon-dengji" ></i>等级管理</div>
<div class="bg yaoqing"><i class="iconfont icon-yaoqing" ></i>邀请奖励</div>
</div>
<div class="you"><div class="shang">云端中国城后台管理系统</div>
<div class="shen"></div>
<div class="xia">
<div class="q">云端中国城·延安大学·版权所有</div>
<div class="w">@2024EDucoder公网安备43019002000962</div>
</div>
</div>
</body>
</html>
.tou{width: 100%;height: 72px;background-color: black}
.shang,.xia{width: 100%;height: 60px;background-color: white}
.you{display: flex;flex-direction: column;justify-content: space-between;}
.zuo{display: flex;flex-direction: column;justify-content: space-between;}
.tou{display: flex;justify-content: space-around;align-items: center;}
.tu img{width: 25px;height: 25px;}
.tou .wen{font-size: 25px;color:white;}
.bg{width: 100%;height: 50px;font-size: 20px;color: white;display: flex;justify-content: center;align-items: center;}
.you .shang{display: flex;justify-content: space-between;font-size: 15px;color: #000;background-color: grey;align-items: center;}
.you .xia{display: flex;flex-direction: column;justify-content: space-around;align-items: center;background-color: aquamarine;}
