代码拉取完成，页面将自动刷新
<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Amaze UI Admin index Examples</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.css" />
<link rel="stylesheet" href="assets/css/admin.css">
<link rel="stylesheet" href="assets/css/admin_custom.css" />
</head>
<body>
<style>
.pd8 {
padding: 0.7rem;
}
@media only screen and (min-width: 1330px) {
.show1 {
display: none;
}
}
@media (min-width: 1330px) {
.show1 {
display: none;
}
}
.am-nav-pills>li+li {
margin-left: 0px !important;
}
.am-topbar,
.am-topbar a {
color: #ddd;
}
.am-nav>li>a:focus,
.am-nav>li>a:hover {
background-color: #4f627e;
}
.headerbg {}
body {
font-size: 1.4em;
}
.admin-sidebar-list li a {
padding-left: 15px;
}
.admin-sidebar {
width: 245px;
}
.headermenu span {
display: block;
padding-bottom: 8px;
}
.am-btn {
border-radius: 2px;
}
.am-btn-lg {
font-size: 1.9rem;
}
#mcover {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
display: none;
z-index: 20000;
}
.menuactive a{
background-color: #f7f7f7 !important;
color: #fb9337 !important;
}
</style>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
以获得更好的体验！</p>
<![endif]-->
<header class="am-topbar admin-header topbar-color headerbg" style="border-bottom: 5px solid #fb9337;">
<div class="am-topbar-brand">
<strong><img src="assets/images/logo.png" /> </strong> <small>后台管理</small>
</div>
<div class="am-fl ">
<ul class="am-nav am-nav-pills ceshi">
<form class="am-topbar-form am-topbar-left am-form-inline am-hide-md-down" role="search">
<div class="am-form-group">
<input type="text" class="am-form-field am-input-sm" placeholder="搜索">
</div>
</form>
<li class="pd8 am-hide-md-down"><a href="#" data-am-collapse="{target:'#video-nav'}">公众号</a></li>
</ul>
</div>
<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success " data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>
<div class="am-collapse am-topbar-collapse " id="topbar-collapse">
<ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list ">
<li class="am-dropdown" data-am-dropdown>
<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
<span class="am-icon-users"></span> 一元拾宝 <span class="am-icon-caret-down"></span>
</a>
<ul class="am-dropdown-content">
<li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
<li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
<li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
</ul>
</li>
<li class="am-dropdown" data-am-dropdown>
<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
<span class="am-icon-users"></span> 管理员 <span class="am-icon-caret-down"></span>
</a>
<ul class="am-dropdown-content">
<li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
<li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
<li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
</ul>
</li>
<li class="am-show-sm-only">
<div class="am-form-group">
<input type="text" class="am-form-field am-input-sm" placeholder="搜索" style="background: #f5f5ff;">
</div>
</li>
<li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
</ul>
</div>
</header>
<div class="am-cf admin-main">
<!-- sidebar start -->
<div class="admin-sidebar am-offcanvas" id="admin-offcanvas" style="min-height: 700px;">
<div class="am-offcanvas-bar admin-offcanvas-bar">
<ul class="am-list admin-sidebar-list">
<li class="admin-parent">
<a class="am-cf" data-am-collapse="{target: '#collapse-nav1'}"><span class="am-icon-weixin am-icon-fw"></span> 公众号管理 <span class="am-icon-angle-right am-fr am-margin-right "></span></a>
<ul class="am-list am-collapse admin-sidebar-sub " id="collapse-nav1">
<li class="menuactive"><a href="admin-port.html"><span class="am-icon-comments am-icon-fw"></span> 公众号列表</a></li>
</ul>
</li>
<li class="admin-parent">
<a class="am-cf" data-am-collapse="{target: '#collapse-nav2'}"><span class="am-icon-user am-icon-fw"></span> 管理员 <span class="am-icon-angle-right am-fr am-margin-right "></span></a>
<ul class="am-list am-collapse admin-sidebar-sub " id="collapse-nav2">
<li><a href="admin-user.html" class="am-cf"><span class="am-icon-undo am-icon-fw"></span> 密码修改<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>
</ul>
</li>
</ul>
<div class="am-panel am-panel-default admin-sidebar-panel">
<div class="am-panel-bd">
<p><span class="am-icon-bookmark"></span> 公告</p>
<p>时光静好，与君语；细水流年，与君同。—— Amaze UI</p>
</div>
</div>
<div class="am-panel am-panel-default admin-sidebar-panel">
<div class="am-panel-bd">
<p><span class="am-icon-tag"></span> wiki</p>
<p>Welcome to the Amaze UI wiki!</p>
</div>
</div>
</div>
</div>
<!-- sidebar end -->
<!-- content start -->
<div class="admin-content">
<div class="pageheader notab" style="position: relative;">
<h1 class="pagetitle">公众号列表</h1>
<span class="pagedesc">weixin lists</span>
<div class="" style="position: absolute; right: 5%;top: 30%;">
<button class="am-btn am-btn-secondary am-btn-lg am-text-right am-fr">新增公众号</button>
</div>
</div>
<div class="am-margin-bottom"></div>
<div class="am-g">
<div class="am-u-sm-12">
<table class="am-table am-table-bd am-table-striped admin-content-table">
<thead>
<tr>
<th>公众号名称</th>
<th>微信号</th>
<th>类型</th>
<th>添加时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>风清扬</td>
<td><a href="#">feihuang</a></td>
<td><span class="am-badge am-badge-success">服务号</span></td>
<td>2015-12-18 05:14:30</td>
<td>
<button class="am-btn am-btn-secondary am-btn-xs">功能管理</button>
<button class="am-btn am-btn-xs">编辑</button>
<button class="am-btn am-btn-success am-btn-xs">接口</button>
<button class="am-btn am-btn-danger am-btn-xs">删除</button>
</td>
</tr>
<tr>
<td>风清扬</td>
<td><a href="#">feihuang</a></td>
<td><span class="am-badge am-badge-success">服务号</span></td>
<td>2015-12-18 05:14:30</td>
<td>
<button class="am-btn am-btn-secondary am-btn-xs">功能管理</button>
<button class="am-btn am-btn-xs">编辑</button>
<button class="am-btn am-btn-success am-btn-xs">接口</button>
<button class="am-btn am-btn-danger am-btn-xs">删除</button>
</td>
</tr>
<tr>
<td>风清扬</td>
<td><a href="#">feihuang</a></td>
<td><span class="am-badge am-badge-success">服务号</span></td>
<td>2015-12-18 05:14:30</td>
<td>
<button class="am-btn am-btn-secondary am-btn-xs">功能管理</button>
<button class="am-btn am-btn-xs">编辑</button>
<button class="am-btn am-btn-success am-btn-xs">接口</button>
<button class="am-btn am-btn-danger am-btn-xs">删除</button>
</td>
</tr>
<tr>
<td>风清扬</td>
<td><a href="#">feihuang</a></td>
<td><span class="am-badge am-badge-success">服务号</span></td>
<td>2015-12-18 05:14:30</td>
<td>
<button class="am-btn am-btn-secondary am-btn-xs">功能管理</button>
<button class="am-btn am-btn-xs">编辑</button>
<button class="am-btn am-btn-success am-btn-xs">接口</button>
<button class="am-btn am-btn-danger am-btn-xs">删除</button>
</td>
</tr>
<tr>
<td>风清扬</td>
<td><a href="#">feihuang</a></td>
<td><span class="am-badge am-badge-success">服务号</span></td>
<td>2015-12-18 05:14:30</td>
<td>
<button class="am-btn am-btn-secondary am-btn-xs">功能管理</button>
<button class="am-btn am-btn-xs">编辑</button>
<button class="am-btn am-btn-success am-btn-xs">接口</button>
<button class="am-btn am-btn-danger am-btn-xs">删除</button>
</td>
</tr>
<tr>
<td>风清扬</td>
<td><a href="#">feihuang</a></td>
<td><span class="am-badge am-badge-success">服务号</span></td>
<td>2015-12-18 05:14:30</td>
<td>
<button class="am-btn am-btn-secondary am-btn-xs">功能管理</button>
<button class="am-btn am-btn-xs">编辑</button>
<button class="am-btn am-btn-success am-btn-xs">接口</button>
<button class="am-btn am-btn-danger am-btn-xs">删除</button>
</td>
</tr>
<tr>
<td>风清扬</td>
<td><a href="#">feihuang</a></td>
<td><span class="am-badge am-badge-success">服务号</span></td>
<td>2015-12-18 05:14:30</td>
<td>
<button class="am-btn am-btn-secondary am-btn-xs">功能管理</button>
<button class="am-btn am-btn-xs">编辑</button>
<button class="am-btn am-btn-success am-btn-xs">接口</button>
<button class="am-btn am-btn-danger am-btn-xs">删除</button>
</td>
</tr>
<tr>
<td>风清扬</td>
<td><a href="#">feihuang</a></td>
<td><span class="am-badge am-badge-success">服务号</span></td>
<td>2015-12-18 05:14:30</td>
<td>
<button class="am-btn am-btn-secondary am-btn-xs">功能管理</button>
<button class="am-btn am-btn-xs">编辑</button>
<button class="am-btn am-btn-success am-btn-xs">接口</button>
<button class="am-btn am-btn-danger am-btn-xs">删除</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="am-g am-text-center ">
<ul class="am-pagination am-text-center">
<li class="am-disabled"><a href="#">«</a></li>
<li class="am-active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
<!-- content end -->
</div>
<a href="#" class="am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}">
<span class="am-icon-btn am-icon-th-list"></span>
</a>
<footer class="am-margin-lg am-text-center">
<hr>
<p class="am-padding-left">© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
</footer>
<div style="display:none">
<div id="content">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has
survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
publishing software like Aldus PageMaker including versions of Lorem Ipsum.
<div class="popModal_footer">
<button type="button" class="btn btn-primary" data-popmodal-but="ok">ok</button>
<button type="button" class="btn btn-default" data-popmodal-but="cancel">cancel
<a href="javascript:;"></a>
</button>
</div>
</div>
</div>
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<div id="mcover" style="display: none;">
<!--<img src="img/guide.png">-->
<div style="border: 1px solid rgba(0,0,0,.3);box-shadow: 0 3px 7px rgba(0,0,0,.3); width: 50%; color: #000; margin: 0 auto; margin-top: 10%; background-color:#fff ; border-radius: 5px 5px 5px 5px; padding: 10px 15px;">
<div class="modalcon"></div>
</div>
</div>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/layer.js"></script>
<script src="assets/js/app.js"></script>
<script language="JavaScript">
var apicon = "<div class=\"modal-header\"><a class=\"close am-fr am-block\" data-dismiss=\"modal\" href=\"javascript:;\">×</a></div><div id=\"content\">Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s,when an unknown printer took a galley of type and scrambled it to make a type specimen book.It has survived not only five centuries,but also the leap into electronic typesetting,remaining essentially unchanged.It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<div class=\"popModal_footer\"></div></div>"
$(".am-btn-success").on("click", function() {
$(".modalcon").html(apicon)
$('#mcover').show();
})
$(document).on("click", ".modal-header .close", function() {
$('#mcover').hide();
})
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。