coder-xiaomo/flashsale
1
0
Fork 0
mirror of https://gitee.com/coder-xiaomo/flashsale synced 2025-09-12 06:51:38 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee

添加Metronic（作为LFS）

Browse Source
This commit is contained in:
小墨
2022-03-01 21:24:58 +08:00
parent 080ca33954
commit 465c454101
3280 changed files with 561969 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

167
frontend/static/layout3.html Normal file
View File

@@ -0,0 +1,167 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="zhengliangquan,ozh.nextinside@gmail.com">
<title>layout3</title>
<!--BASE CSS-->
<link rel="stylesheet" href="css/base/base.css" />
<link rel="stylesheet" href="css/base/responsive.css" />
<!--STATE CSS-->
<link rel="stylesheet" href="css/state/state.css" />
<!--MODULE CSS-->
<link rel="stylesheet" href="css/module/plugins/iconfont/iconfont.css" />
<link rel="stylesheet" href="css/module/input.css" />
<link rel="stylesheet" href="css/module/panel.css" />
<link rel="stylesheet" href="css/module/tab.css" />
<!--LAYOUT CSS-->
<link rel="stylesheet" href="css/layout/header.css" />
<link rel="stylesheet" href="css/layout/layout-template/layout3.css"/>
</head>
<body>
<header id="header" class="bb">
<div class="container p0_32">
<div class="row clearfix">
<!--logo-->
<div class="column third logo text-align-left">
<div class="logo-img bg-dark-green inline-block"></div>
<h1 class="logo-name dark-green inline-block p0_15">蛋壳</h1>
</div>
<!--searchBox-->
<div class="column third searchBox">
<form action="" id="search" class="clearfix">
<div class="column inline-block">
<input type="text" placeholder="搜索关键词、App名称" class="search-area border"/>
<i class="iconfont search-icon bg-dark-green p6_11">&#xe60c;</i>
</div>
</form>
</div>
<!--login-->
<ul class="column third login text-align-right">
<li class="fr">
<!--logout-->
<h5 class="logout-area dark-gray is-hidden">
<a href="#">登录/注册</a>
</h5>
<!--login-->
<img class="login-area p16_0" src="img/default_avatar.png"/>
<!--Menu-->
<ul class="main-menu border text-align-left is-hidden">
<li class="bb"><a href="#">我喜欢的截图</a></li>
<li class="bb"><a href="#">我订阅的APP</a></li>
<li class="bb"><a href="#">个人设置</a></li>
<li class="bb"><a href="#">标签管理</a></li>
<li class="bb"><a href="#">APP截图管理</a></li>
<li class="bb"><a href="#">用户管理</a></li>
<li class="bb"><a href="#">权限管理</a></li>
<li><a href="#">退出登录</a></li>
</ul>
</li>
<li class="fr">
<h4 class="faq dark-gray">
<a href="#">FAQ</a>
</h4>
</li>
</ul>
</div>
</div>
</header>
<div id="main-content" class="main-content">
<div class="container p0_32 columu text-align-center">
<div class="row clearfix">
<!--PANEL-->
<div class="panel column">
<div class="row panel-header p23_0 clearfix">
<div class="column half text-align-left">
<i class="iconfont arrowLeft inline-block">&#xe601;</i>
<h4 class='panel-title inline-block'><span class="color-bdbdbd">权限管理</span> / 配置权限</h4>
</div>
</div>
<div class="row panel-body">
<!--TAB-->
<ul class="column tab-header">
<li class='tab-active'>普通用户(112)</li>
<li>内容管理员(3)</li>
<li>超级管理员(1)</li>
</ul>
<table class="column tab-content border" id="tab-content-1">
<tr class="row clearfix bb">
<td class="column half text-align-left">
<input type="checkbox" checked="" name="check-or-not" id="authority_1" class="authority is-hidden"/>
<label class="iconfont check inline-block is-hidden" for='authority_1'>&#xe646;</label>
<label class="iconfont checked dark-green inline-block" for='authority_1'>&#xe639;</label>
<h4 class="inline-block ">查看APP</h4>
</td>
</tr>
<!--<tr class="row clearfix bb">
<td class="column half text-align-left">
<input type="checkbox" name="check-or-not" id="authority_2" class="authority is-hidden"/>
<label class="iconfont check inline-block" for='authority_2'>&#xe646;</label>
<label class="iconfont checked dark-green inline-block is-hidden" for='authority_2'>&#xe639;</label>
<h4 class="inline-block ">新增APP</h4>
</td>
</tr>-->
</table>
<table class="column tab-content border is-hidden" id="tab-content-2">
<tr class="row clearfix bb">
<td class="column half text-align-left">
<input type="checkbox" checked="" name="check-or-not" id="authority_3" class="authority is-hidden"/>
<label class="iconfont check inline-block is-hidden" for='authority_3'>&#xe646;</label>
<label class="iconfont checked dark-green inline-block" for='authority_3'>&#xe639;</label>
<h4 class="inline-block ">查看APP</h4>
</td>
</tr>
<tr class="row clearfix bb">
<td class="column half text-align-left">
<input type="checkbox" name="check-or-not" id="authority_4" class="authority is-hidden"/>
<label class="iconfont check inline-block" for='authority_4'>&#xe646;</label>
<label class="iconfont checked dark-green inline-block is-hidden" for='authority_4'>&#xe639;</label>
<h4 class="inline-block ">新增APP</h4>
</td>
</tr>
</table>
<table class="column tab-content border is-hidden" id="tab-content-3">
<tr class="row clearfix bb">
<td class="column half text-align-left">
<input type="checkbox" checked="" name="check-or-not" id="authority_5" class="authority is-hidden"/>
<label class="iconfont check inline-block is-hidden" for='authority_5'>&#xe646;</label>
<label class="iconfont checked dark-green inline-block" for='authority_5'>&#xe639;</label>
<h4 class="inline-block ">查看APP</h4>
</td>
</tr>
<tr class="row clearfix bb">
<td class="column half text-align-left">
<input type="checkbox" name="check-or-not" id="authority_6" class="authority is-hidden"/>
<label class="iconfont check inline-block" for='authority_6'>&#xe646;</label>
<label class="iconfont checked dark-green inline-block is-hidden" for='authority_6'>&#xe639;</label>
<h4 class="inline-block ">删除APP</h4>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
<footer id="footer" class="footer text-align-center">
版权
</footer>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).on('click','.tab-header li',function(){
$(this).addClass('tab-active').siblings().removeClass('tab-active');
});
</script>
</body>
</html>