<!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="./font_x0fq6ytjoa8/iconfont.css">
<style>
{margin: 0; padding: 0;box-sizing: border-box;}
body{
display: flex;
}
html,body{
width: 100%;
height: 100%;
}
.left{
background-color: grey;
width: 300px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 18px;
font-weight: 36px;
}
.right{
background-color:#fff;
flex: 1;
height: 100%;
}
.top{
background-color: blueviolet;
width: 100%;
height: 200px;
}
.main{
background-color: rgb(114, 114, 216);
width: 100%;
flex: 1;
}
.bg{
width: 300spx;
height: 56px;
/ background-color: chartreuse; */
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.bg:hover{
background-color: beige;
color: rgb(73, 70, 70);
}
.sh{
background-color: #ffffff;
width: 100%;
height: 100px;
line-height: 100px;
font-size: 28px;
font-weight: 28px;
color: black;
padding: 0px 50px;
}
.xia{
background-color: #fff;
width: 100%;
height: 100px;
line-height: 100px;
font-size: 28px;
font-weight: 28px;
color: black;
padding: 0px 10px;
}
.bh{
font-size: 28px;
letter-spacing: 2px;
/* font-weight: 18px; */
background-color: black;
}
.wt{
display: flex;
}
.wh{
width: 90px;
height: 56px;
}
</style>
</head>
<body>
<div class="left">
<div class="bg bh"><span class="iconfont icon-shouye" ></span>云端中国城</div>
<div class="bg"><span class="iconfont icon-shouye"></span>首页</div>
<div class="bg"><span class="iconfont icon-shezhi"></span>设置</div>
<div class="bg"><span class="iconfont icon-yonghu"></span>用户管理</div>
<div class="bg"><span class="iconfont icon-jiangchi"></span>奖池管理</div>
<div class="bg"><span class="iconfont icon-zhubo"></span>主播认证</div>
<div class="bg"><span class="iconfont icon-zhubo"></span>主播管理</div>
<div class="bg"><span class="iconfont icon-shipin"></span>视频管理</div>
<div class="bg"><span class="iconfont icon-caiwu"></span>财务管理</div>
<div class="bg"><span class="iconfont icon-jiazu"></span>家族管理</div>
<div class="bg"><span class="iconfont icon-daoju"></span>道具管理</div>
<div class="bg"><span class="iconfont icon-hongbao"></span>红包管理</div>
<div class="bg"><span class="iconfont icon-shouhu"></span>守护管理</div>
<div class="bg"><span class="iconfont icon-huiyuandengjidengjizuanshi"></span>等级管理</div>
<div class="bg"><span class="iconfont icon-yaoqing"></span>邀请奖励</div>
</div>
<div class="right">
<div class="top">
<div class="sh">云端中国城后台管理系统</div>
<hr>
<div class="xia">云端中国城/主播管理</div>
</div>
<hr>
<div class="main"></div>
</div>
</body>
</html>
