<!DOCTYPE html>
<html lang="en">
<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" />
<script src="assets/js/echarts.min.js"></script>
<link rel="stylesheet" href="assets/css/amazeui.min.css" />
<link rel="stylesheet" href="assets/css/amazeui.datatables.min.css" />
<link rel="stylesheet" href="assets/css/app.css">
<script src="assets/js/jquery.min.js"></script>
</head>
<body data-type="widgets">
<script src="assets/js/theme.js"></script>
<div class="am-g tpl-g">
<!-- 头部 -->
<header>
<!-- logo -->
<div class="am-fl tpl-header-logo">
<a href="javascript:;"><img src="assets/img/logo.png" alt=""></a>
</div>
<!-- 右侧内容 -->
<div class="tpl-header-fluid">
<!-- 侧边切换 -->
<div class="am-fl tpl-header-switch-button am-icon-list">
<span>
</span>
</div>
<!-- 搜索 -->
<div class="am-fl tpl-header-search">
<form class="tpl-header-search-form" action="javascript:;">
<button class="tpl-header-search-btn am-icon-search"></button>
<input class="tpl-header-search-box" type="text" placeholder="搜索内容...">
</form>
</div>
<!-- 其它功能-->
<div class="am-fr tpl-header-navbar">
<ul>
<!-- 欢迎语 -->
<li class="am-text-sm tpl-header-navbar-welcome">
<a href="javascript:;">欢迎你, <span>Amaze UI</span> </a>
</li>
<!-- 新邮件 -->
<li class="am-dropdown tpl-dropdown" data-am-dropdown>
<a href="javascript:;" class="am-dropdown-toggle tpl-dropdown-toggle" data-am-dropdown-toggle>
<i class="am-icon-envelope"></i>
<span class="am-badge am-badge-success am-round item-feed-badge">4</span>
</a>
<!-- 弹出列表 -->
<ul class="am-dropdown-content tpl-dropdown-content">
<li class="tpl-dropdown-menu-messages">
<a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
<div class="menu-messages-ico">
<img src="assets/img/user04.png" alt="">
</div>
<div class="menu-messages-time">
3小时前
</div>
<div class="menu-messages-content">
<div class="menu-messages-content-title">
<i class="am-icon-circle-o am-text-success"></i>
<span>夕风色</span>
</div>
<div class="am-text-truncate"> Amaze UI 的诞生,依托于 GitHub 及其他技术社区上一些优秀的资源;Amaze UI 的成长,则离不开用户的支持。 </div>
<div class="menu-messages-content-time">2016-09-21 下午 16:40</div>
</div>
</a>
</li>
<li class="tpl-dropdown-menu-messages">
<a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
<div class="menu-messages-ico">
<img src="assets/img/user02.png" alt="">
</div>
<div class="menu-messages-time">
5天前
</div>
<div class="menu-messages-content">
<div class="menu-messages-content-title">
<i class="am-icon-circle-o am-text-warning"></i>
<span>禁言小张</span>
</div>
<div class="am-text-truncate"> 为了能最准确的传达所描述的问题, 建议你在反馈时附上演示,方便我们理解。 </div>
<div class="menu-messages-content-time">2016-09-16 上午 09:23</div>
</div>
</a>
</li>
<li class="tpl-dropdown-menu-messages">
<a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
<i class="am-icon-circle-o"></i> 进入列表…
</a>
</li>
</ul>
</li>
<!-- 新提示 -->
<li class="am-dropdown" data-am-dropdown>
<a href="javascript:;" class="am-dropdown-toggle" data-am-dropdown-toggle>
<i class="am-icon-bell"></i>
<span class="am-badge am-badge-warning am-round item-feed-badge">5</span>
</a>
<!-- 弹出列表 -->
<ul class="am-dropdown-content tpl-dropdown-content">
<li class="tpl-dropdown-menu-notifications">
<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
<div class="tpl-dropdown-menu-notifications-title">
<i class="am-icon-line-chart"></i>
<span> 有6笔新的销售订单</span>
</div>
<div class="tpl-dropdown-menu-notifications-time">
12分钟前
</div>
</a>
</li>
<li class="tpl-dropdown-menu-notifications">
<a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
<div class="tpl-dropdown-menu-notifications-title">
<i class="am-icon-star"></i>
<span> 有3个来自人事部的消息</span>
没有合适的资源?快使用搜索试试~ 我知道了~
AmazeUI后台前端框架
共61个文件
png:25个
html:11个
js:9个
需积分: 50 22 下载量 140 浏览量
2017-10-27
10:27:23
上传
评论 1
收藏 4.57MB ZIP 举报
温馨提示
AmazeUI后台前端框架,它以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。
资源推荐
资源详情
资源评论
收起资源包目录
Amaze UI admin 模板.zip (61个子文件)
admin
404.html 15KB
tables.html 55KB
form.html 35KB
assets
css
app.css 47KB
fullcalendar.print.css 5KB
app.less 48KB
amazeui.datatables.min.css 9KB
fullcalendar.min.css 15KB
amazeui.min.css 249KB
admin.css 5KB
i
favicon.png 1024B
app-icon72x72@2x.png 7KB
.DS_Store 6KB
startup-640x1096.png 9KB
examples
admin-safari.png 4KB
loginPage.png 2KB
landingPage.png 2KB
blogPage.png 3KB
sidebarPage.png 2KB
admin-ie.png 4KB
adminPage.png 3KB
admin-opera.png 4KB
admin-firefox.png 4KB
admin-chrome.png 4KB
landing.png 4KB
img
logob.png 11KB
user02.png 37KB
user03.png 35KB
user07.png 20KB
user01.png 35KB
user04.png 34KB
user06.png 20KB
logo.png 19KB
k.jpg 3.31MB
user05.png 21KB
logoa.png 13KB
a5.png 179KB
fonts
fontawesome-webfont.eot 75KB
fontawesome-webfont.woff 88KB
FontAwesome.otf 122KB
fontawesome-webfont.woff2 70KB
fontawesome-webfont.ttf 149KB
js
jquery.min.js 82KB
amazeui.min.js 206KB
moment.js 137KB
echarts.min.js 527KB
dataTables.responsive.min.js 11KB
app.js 11KB
theme.js 656B
amazeui.datatables.min.js 85KB
fullcalendar.min.js 122KB
.DS_Store 6KB
login.html 3KB
index.html 29KB
.DS_Store 6KB
calendar.html 21KB
table-list.html 26KB
table-list-img.html 28KB
1.html 29KB
chart.html 17KB
sign-up.html 3KB
共 61 条
- 1
资源评论
trz_1985
- 粉丝: 10
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功