Batman Console
博客专区 > coin1994 的博客 > 博客详情
Batman Console
coin1994 发表于5个月前
Batman Console
  • 发表于 5个月前
  • 阅读 1
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 最近看看公司了后台管理系统。感觉不是不是很复杂。稍加琢磨自己也可以写个出来。后端我打算先采用Node + express,之后看看有没有时间,改一个c++版的。前段我打算采用 JQuery,由于小弟之前没有接触过前端,代码略丑。大佬勿喷。

/*component.css 通用样式*/

body{
 margin: 0px;
 padding: 0px;
 font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
 background-color: #f4f4f4;
}
/*重置所有标签*/
*{
 margin: 0px;
 padding: 0px;
}
/*通用的 a 标签操作*/
a{
 font-size: 24px;
 font-family: serif;
 text-decoration: none;
}
ul,li{
 list-style: none;
}

/*class 是 top_area 的样式*/
.top_area{
 width: 100%;
 height: 60px;
 top: 0;
 left: 0;
 position: fixed;
 background-color: #009933;
}
.top_area_left_item {
 float: left;
 font-size: 16px;
 margin-left: 20px;
 line-height: 60px;
}

.top_area_right_item{
 float: right;
 font-size: 16px;
 margin-right: 20px;
 line-height: 60px;
}


/*class 是 middleware_area 的样式*/
.middleware_area{
 width: 85%;
 height: 860px;
 margin-top: 60px;
 margin-bottom: 40px;
 background-color: #121212;
 margin-left: 15%;
}
.middleware_area_table{
 margin-top: 20px;
}
.middleware_area_table table{
 border-left: 1px solid #999;
 border-top: 1px solid #999;
 margin: auto;
}
.middleware_area_table th,.middleware_area_table td{
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 padding: 10px;
}

.left_tab{
 position: fixed;
 left: 0;
 top:60px;
 width: 15%;
 height: 860px;
 background-color: #666;
 overflow: auto;
 color: #fff;
 font-size: 14px;
}

.left_tab_context{
 width: 100%;
 height: 40px;
 line-height: 40px;
    text-align: center;
}
.left_tab_context_item{ 
 background-color: green;
}
.left_tab_context_item ul{
 display: none;
}

/*class 是 bottom_area 的样式*/
.bottom_area{
 width: 100%;
 height: 40px;
 bottom: 0;
 left: 0;
 position: fixed;
 background-color: #009933;
}

.bottom_area_item{
 margin-left: 50%;
 line-height: 40px;
 text-decoration: none;
}

共有 人打赏支持
粉丝 0
博文 2
码字总数 894
×
coin1994
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: