PanDuWeb/hplus/index_v1.html

622 lines
24 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--360浏览器优先以webkit内核解析-->
<title>H+ 后台主题UI框架 - 主页示例</title>
<link rel="shortcut icon" href="favicon.ico" />
<link href="css/bootstrap.min.css?v=3.3.7" rel="stylesheet" />
<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet" />
<link href="css/animate.css" rel="stylesheet" />
<link href="css/style.css?v=4.1.0" rel="stylesheet" />
</head>
<body class="gray-bg">
<div class="row border-bottom white-bg dashboard-header">
<div class="col-sm-12">
<blockquote class="text-warning" style="font-size: 14px;">
您是否需要自己做一款后台、会员中心等等的但是又缺乏html等前端知识… <br />您是否一直在苦苦寻找一款适合自己的后台主题… <br />您是否想做一款自己的web应用程序… <br />…………
<h4 class="text-danger">那么现在H+来了</h4>
</blockquote>
</div>
<div class="col-sm-3">
<h2>Hello,Guest</h2>
<small>移动设备访问请扫描以下二维码:</small>
<br />
<br />
<img src="img/qr_code.png" width="100%" style="max-width: 264px;" />
<br />
</div>
<div class="col-sm-5">
<h2>
H+ 后台主题UI框架
</h2>
<p>
H+是一个完全响应式基于Bootstrap3.3.7最新版本开发的扁平化主题她采用了主流的左右两栏式布局使用了Html5+CSS3等现代技术她提供了诸多的强大的可以重新组合的UI组件并集成了最新的jQuery版本(v2.1.4)当然也集成了很多功能强大用途广泛的jQuery插件她可以用于所有的Web应用程序<b>网站管理后台</b><b>网站会员中心</b><b>CMS</b><b>CRM</b><b>OA</b>等等,当然,您也可以对她进行深度定制,以做出更强系统。
</p>
</div>
<div class="col-sm-4">
<h4>H+具有以下特点:</h4>
<ol>
<li>完全响应式布局(支持电脑、平板、手机等所有主流设备)</li>
<li>基于最新版本的Bootstrap 3.3.7</li>
<li>提供3套不同风格的皮肤</li>
<li>支持多种布局方式</li>
<li>使用最流行的的扁平化设计</li>
<li>提供了诸多的UI组件</li>
<li>集成多款国内优秀插件,诚意奉献</li>
<li>提供盒型、全宽、响应式视图模式</li>
<li>采用HTML5 & CSS3</li>
<li>拥有良好的代码结构</li>
<li>更多……</li>
</ol>
</div>
</div>
<div class="wrapper wrapper-content">
<div class="row">
<div class="col-sm-4">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>捐赠作者</h5>
</div>
<div class="ibox-content">
<p>捐赠作者,请扫描下方二维码</p>
<p id="donate-qrcode">
<img src="img/donate-qrcode.png" width="100%" alt="捐赠" />
</p>
</div>
</div>
</div>
<div class="col-sm-8">
<div class="ibox float-e-margins">
<div class="ibox-title">
<h5>更新日志</h5>
</div>
<div class="ibox-content no-padding">
<div class="panel-body">
<div class="panel-group" id="version">
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v41">v4.1.0</a>
</h5>
</div>
<div id="v41" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>增加不支持IE8的页面提示</li>
<li>修复页面链接和表单提交默认在新窗口中打开的问题</li>
<li>更新suggest插件修复错位问题</li>
<li>升级bootstrap版本到3.3.7版本</li>
<li>升级layer到2.1版本</li>
<li>升级echarts到2.2.7版本</li>
<li>升级webuploader到0.1.5版本</li>
<li>修复网络条件不好情况下,页面加载提示遮挡页面无法操作的问题</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v40">v4.1.0</a>
</h5>
</div>
<div id="v40" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>升级bootstrap到最新版本3.3.5</li>
<li>升级jquery版本到最新版本2.1.4</li>
<li>升级Font Awesome到最新版本4.4.0</li>
<li>修复了登录页面的一处错误;</li>
<li>修复了主页面出现多个滚动条的问题;</li>
<li>修复了已知的各种浏览器兼容问题;</li>
<li>修复了layphoto和suggest等页面的显示问题</li>
<li>新增Glyphicons字体图标的预览</li>
<li>新增对不支持的浏览器的友好提示;</li>
<li>新增视频/音乐播放器的支持;</li>
<li>新增Bootstrap Table(推荐)</li>
<li>进一步完善了开发文档;</li>
<li>提供了离线支持,开箱即用;</li>
<li>对IE系列的浏览器支持更好。</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v32">v3.2.0</a>
</h5>
</div>
<div id="v32" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>修复360浏览器个别情况下崩溃的问题</li>
<li>优化360浏览器的显示效果</li>
<li>修复layim弹出聊天窗口出错的问题</li>
<li>优化登录、注册、锁屏页面,使其在右侧主体区域打开时转到新页面打开;</li>
<li>优化了移动设备的展示效果。</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v31">v3.1.0</a>
</h5>
</div>
<div id="v31" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>修复登录页面文本框输入字符不可见的问题;</li>
<li>修复火狐下conTabs关闭操作按钮不下拉的问题</li>
<li>修复IOS系统下各种浏览器右侧内容不滚动的问题</li>
<li>优化了主页示例三的显示;</li>
<li>修复了jqgrid编辑弹框导致页面错位的问题</li>
<li>使百度Echarts图标支持响应式并优化了其显示</li>
<li>修复Summernote文本编辑器下拉菜单显示不全的问题</li>
<li>修复Toastr通知图标显示多个的问题。</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v301">v3.0.x</a>
</h5>
</div>
<div id="v301" class="panel-collapse collapse">
<div class="panel-body">
<p>自H+ v3.0版发布后又陆续发布了7个小版本修复了一些兼容性问题但是没有对外发布更新日志略过……</p>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v30">v3.0.0</a>
</h5>
</div>
<div id="v30" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>
今天是情人节H+终于跨到了v3.0,就是是情人节礼物吧,感谢你们的不离不弃,一路相伴! <a href="#" class="viewlog"><i class="fa fa-eye"></i> 查看升级日志</a>
</li>
<li><span class="text-danger">注意:</span>本次更新调整较大,不建议直接覆盖升级!</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v22">v2.2.0</a>
</h5>
</div>
<div id="v22" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>根据用户的反馈根据用户的反馈移除了CDN支持CDN服务将于2015年6月30日之后结束支持如果您正在使用CDN服务请尽快完成迁移对于给您造成的不便我们表示非常抱歉</li>
<li>升级Bootstrap到最新版本v3.3.4</li>
<li>修改了style.css修复了其中的一些bug</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v21">v2.1.0</a>
</h5>
</div>
<div id="v21" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>增加cdn服务支持cdn节点使用阿里云服务可保证您的项目随时使用最新版本的H+,免去反复升级的麻烦;</li>
<li>修复一些问题;</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v20">v2.0.0</a>
</h5>
</div>
<div id="v20" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>增加RTL布局及RTL支持可点击右上角齿轮按钮选择RTL模式查看</li>
<li>
增加上下布局; <a href="index_4.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>在360浏览器6.0以上版本中强制以webkit内核解析体验更佳</li>
<li>
增加<a href="toastr_notifications.html">Toastr通知</a><a href="nestable_list.html">嵌套列表</a><a href="timeline_v2.html">时间轴</a><a href="forum_main.html">论坛</a
><a href="code_editor.html">代码编辑器</a><a href="modal_window.html">模态窗口</a><a href="validation.html">表单验证</a><a href="tree_view_v2.html">树形视图</a><a
href="chat_view.html"
>聊天窗口</a
>等页面;
</li>
<li>升级<a href="icons.html">Font Awesome</a><a href="form_simditor.html">Simditor</a>等到最新版本;</li>
<li>优化部分内容</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v18">v1.8.0</a>
</h5>
</div>
<div id="v18" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>修复一些错误;</li>
<li>
修复了WebUploader中的一些问题 <a href="form_webuploader.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v17">v1.7.0</a>
</h5>
</div>
<div id="v17" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>更新jquery版本到官方最新版v2.1.1</li>
<li>更新Bootstrap版本到官方最新版v3.3.0</li>
<li>
增加jqGrid组件 <a href="table_jqgrid.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>
修复Summernote编辑器中的一个严重错误 <a href="form_editors.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>修改了一些已知的bug并修复了演示示例中的一些错误</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h5 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v16">v1.6.0</a>
</h5>
</div>
<div id="v16" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>优化资源文件路径,删除多余文件</li>
<li>
增加Markdown编辑器 <a href="form_markdown.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>
增加拾色器ColorPicker <a href="form_advanced.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>优化部分页面代码</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v15">v1.5.0</a>
</h4>
</div>
<div id="v15" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>
增加了Bootstrap3表单构建器表单设计更轻松 <a href="form_builder.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>修改了webim的高度</li>
<li>修复了因缺少jquery.min.map文件而导致页面加载进度条速度过慢的问题</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title"><a data-toggle="collapse" data-parent="#version" href="#v14">v1.4.0</a></h4>
</div>
<div id="v14" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>
修复了百度ECharts图表显示不正确的问题 <a href="graph_echarts.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>
新增表单验证示例使用jQuery Validate插件实现 <a href="form_validate.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>
新增树形视图示例; <a href="tree_view.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>修复弹框遮罩的Bug</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v13">v1.3.0</a>
</h4>
</div>
<div id="v13" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>
加入阿里巴巴团队的字体图标库,字体图标可以自定义啦; <a href="iconfont.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>
新增头像裁剪上传组件FullAvatareditor <a href="form_avatar.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>
集成网页弹层插件layer <a href="layer.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>
集成日期选择器layerDate <a href="layerdate.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li class="text-danger">
<b>增加web即时通讯功能可以在系统内在线聊天了</b> <a href="webim.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>增加主题预览功能,点击右上侧齿轮图标预览;</li>
<li>增加左侧边栏固定功能;</li>
<li>修复了多处问题。</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v12">v1.2.0</a>
</h4>
</div>
<div id="v12" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>
新增百度WebUploader拖动上传文件组件<a href="form_webuploader.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>
新增国产优秀富文本编辑器插件Simditor<a href="form_simditor.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>
新增百度ECharts统计图表插件<a href="form_simditor.html" title="去看看"><i class="fa fa-eye"></i></a>
</li>
<li>修复了几处问题。</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v11">v1.1.0</a>
</h4>
</div>
<div id="v11" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>修复了几处问题。</li>
</ol>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#version" href="#v10">v1.0.0</a>
</h4>
</div>
<div id="v10" class="panel-collapse collapse">
<div class="panel-body">
<ol>
<li>Hplus正式发布。</li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script id="welcome-template" type="text/x-handlebars-template">
<div class='border-bottom white-bg page-heading clearfix'>
<h2>
更新日志
</h2>
<div>
今天是情人节H+终于跨到了v3.0就算是情人节礼物吧感谢你们的不离不弃一路相伴
</div>
<div class='pull-right'>
ruoyi / 2015.8.20
</div>
</div>
<div class='m'>
<div class='tabs-container'>
<div class='tabs-left'>
<ul class='nav nav-tabs'>
<li class='active'>
<a data-toggle='tab' href='#layouts'>
<i class='fa fa-columns'></i>
布局
</a>
</li>
<li>
<a data-toggle='tab' href='#new'>
<i class='fa fa-plus-square'></i>
新增
</a>
</li>
<li>
<a data-toggle='tab' href='#update'>
<i class='fa fa-arrow-circle-o-up'></i>
升级
</a>
</li>
<li>
<a data-toggle='tab' href='#revise'>
<i class='fa fa-pencil'></i>
修正
</a>
</li>
<li>
<a data-toggle='tab' href='#optimize'>
<i class='fa fa-magic'></i>
优化
</a>
</li>
</ul>
<div class='tab-content' style='line-height:1.8em;'>
<div id='layouts' class='tab-pane active'>
<div class='panel-body'>
<ol class='no-left-padding'>
<li class='text-danger'>
<b>
推荐
</b>
期待已久的contentTabs效果支持关闭双击刷新左右滑动等
</li>
<li>
固定左侧主菜单栏并对菜单项做了新的调整
</li>
<li>
增加右侧面板及聊天窗口等
</li>
</ol>
<p style='margin-left:25px;'>
<hr />
<span class='label label-danger'>
特别致谢
</span>
感谢[·]同学提供的contentTabs优化方案和代码
</p>
</div>
</div>
<div id='new' class='tab-pane'>
<div class='panel-body'>
<ol class='no-left-padding'>
<li>
表单搜索自动补全插件suggest高级表单插件时间选择切换按钮图像裁剪上传单选复选框美化文件域美化等)
</li>
<li>
图表图表组合页面等
</li>
<li>
页面团队社交客户管理文章列表文章详情新登录页面等
</li>
<li>
UI元素竖向选项卡拖动面板文本对比加载动画SweetAlert等
</li>
<li>
相册layer相册Blueimp相册等
</li>
<li>
表格FooTables等
</li>
</ol>
</div>
</div>
<div id='update' class='tab-pane'>
<div class='panel-body'>
<ol>
<li>
页面弹层插件layer升级至1.9.3
</li>
<li>
更新jqgrid支持树形表格
</li>
<li>
更新帮助文档
</li>
</ol>
</div>
</div>
<div id='revise' class='tab-pane'>
<div class='panel-body'>
<ol>
<li>
jstreeSimditor等多处错误
</li>
<li>
页面加载进度提示
</li>
<li>
Glyphicon字体图标不显示的问题
</li>
<li>
重新整理开发文档
</li>
</ol>
</div>
</div>
<div id='optimize' class='tab-pane'>
<div class='panel-body'>
<ol>
<li>
H+整体视觉效果
</li>
<li>
jstree默认主题显示效果
</li>
<li>
表单验证显示效果
</li>
<li>
iCheck显示效果
</li>
<li>
Tabs显示效果
</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<div class='alert alert-warning alert-dismissable m-t-sm'>
<button aria-hidden='true' data-dismiss='alert' class='close' type='button'>
×
</button>
同时这也是一个示例演示了如何从iframe中弹出一个覆盖父页面的层
</div>
</div>
</script>
<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.7"></script>
<script src="js/plugins/layer/layer.min.js"></script>
<!-- 自定义js -->
<script src="js/content.js"></script>
<!-- 欢迎信息 -->
<script src="js/welcome.js"></script>
</body>
</html>