mirror of https://github.com/tp4a/teleport
add some ui design test page.
Apex Liu
parent
4ec857e206
commit
763fdb11c8
|
|
@ -11,7 +11,7 @@
|
|||
<content url="file://$MODULE_DIR$">
|
||||
<sourceFolder url="file://$MODULE_DIR$/app" isTestSource="false" />
|
||||
</content>
|
||||
<orderEntry type="jdk" jdkName="Python 3.4.4 (C:\python\python34-x86\python.exe)" jdkType="Python SDK" />
|
||||
<orderEntry type="jdk" jdkName="py" jdkType="Python SDK" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
<component name="TemplatesService">
|
||||
|
|
|
|||
|
|
@ -57,6 +57,7 @@ class TPDatabase:
|
|||
return False
|
||||
|
||||
# 看看数据库中是否存在指定的数据表（如果不存在，可能是一个空数据库文件），则可能是一个新安装的系统
|
||||
# ret = self.query('SELECT COUNT(*) FROM `sqlite_master` WHERE `type`="table" AND `name`="{}account";'.format(self._table_prefix))
|
||||
ret = self.is_table_exists('{}group'.format(self._table_prefix))
|
||||
if ret is None or not ret:
|
||||
log.w('database need create.\n')
|
||||
|
|
|
|||
|
|
@ -113,6 +113,8 @@ controllers = [
|
|||
(r'/set/', set.IndexHandler),
|
||||
(r'/set', set.IndexHandler),
|
||||
|
||||
# 通过访问一个特殊URL来停止WEB服务，仅用于开发阶段，生产系统中请删除下一行
|
||||
(r'/EXIT-4E581FEFD7AB497D833D71A51C61D898', index.ExitHandler),
|
||||
(r'/uidesign', index.UIDesignHandler),
|
||||
(r'/uidesign/without-sidebar', index.UIDesignWithoutSidebarHandler),
|
||||
(r'/uidesign/table', index.UIDesignTableHandler)
|
||||
|
||||
]
|
||||
|
|
|
|||
|
|
@ -13,3 +13,18 @@ class ExitHandler(TPBaseHandler):
|
|||
def get(self):
|
||||
self.write('exit ok')
|
||||
tornado.ioloop.IOLoop.instance().stop()
|
||||
|
||||
|
||||
class UIDesignHandler(TPBaseHandler):
|
||||
def get(self):
|
||||
self.render('uidesign/index.mako')
|
||||
|
||||
|
||||
class UIDesignWithoutSidebarHandler(TPBaseHandler):
|
||||
def get(self):
|
||||
self.render('uidesign/without-sidebar.mako')
|
||||
|
||||
|
||||
class UIDesignTableHandler(TPBaseHandler):
|
||||
def get(self):
|
||||
self.render('uidesign/table.mako')
|
||||
|
|
|
|||
|
|
@ -38,15 +38,15 @@
|
|||
<div class="breadcrumb-container">
|
||||
<%block name="breadcrumb" />
|
||||
</div>
|
||||
## <div style="float:right;padding-top:14px;margin-right: 50px"><a href="/set" id="teleport-server-ip"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end #header -->
|
||||
|
||||
|
||||
<!-- begin #sidebar -->
|
||||
<div id="sidebar" class="sidebar">
|
||||
<%block name="sidebar_nav_menu">
|
||||
<%include file="common/_sidebar_nav_menu.mako" />
|
||||
</%block>
|
||||
</div>
|
||||
<!-- end #sidebar -->
|
||||
|
||||
|
|
@ -81,7 +81,8 @@
|
|||
</div>
|
||||
|
||||
<%block name="extend_content" />
|
||||
## <script type="text/javascript" src="${ static_url('js/var.js') }"></script>
|
||||
## <script type="text/javascript" src="${ static_url('js/var.js') }"></script>
|
||||
|
||||
<script type="text/javascript" src="${ static_url('plugins/underscore/underscore.js') }"></script>
|
||||
<script type="text/javascript" src="${ static_url('plugins/jquery/jquery.min.js') }"></script>
|
||||
<script type="text/javascript" src="${ static_url('plugins/jquery/ajaxfileupload.js') }"></script>
|
||||
|
|
@ -110,8 +111,8 @@
|
|||
|
||||
$(document).ready(function () {
|
||||
// once page ready, init ywl object.
|
||||
## var teleport_ip_info = "请核对您的堡垒机IP地址，当前为 " + teleport_ip;
|
||||
## $("#teleport-server-ip").text(teleport_ip_info);
|
||||
## var teleport_ip_info = "请核对您的堡垒机IP地址，当前为 " + teleport_ip;
|
||||
## $("#teleport-server-ip").text(teleport_ip_info);
|
||||
ywl.init();
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -1,124 +0,0 @@
|
|||
<%!
|
||||
page_title_ = '页面部件测试'
|
||||
page_menu_ = ['dashboard']
|
||||
%>
|
||||
<%inherit file="page_base.mako"/>
|
||||
|
||||
<%block name="extend_js">
|
||||
</%block>
|
||||
|
||||
<%block name="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li><i class="fa fa-dashboard fa-fw"></i> ${self.attr.page_title_}</li>
|
||||
</ol>
|
||||
</%block>
|
||||
|
||||
|
||||
<%block name="embed_js">
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
</%block>
|
||||
|
||||
<%block name="extend_css">
|
||||
|
||||
</%block>
|
||||
|
||||
|
||||
<div class="page-content">
|
||||
<div class="box">
|
||||
<h1>这是一级标题，This is H1.</h1>
|
||||
<h2>这是二级标题，This is H2.</h2>
|
||||
<h3>这是三级标题，This is H3.</h3>
|
||||
<h4>这是四级标题，This is H4.</h4>
|
||||
<h5>这是五级标题，This is H5.</h5>
|
||||
<p>这是正文，this is content.</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div>
|
||||
<p>徽章默认：[badge] <span class="badge">1</span></p>
|
||||
<p>徽章尺寸：[badge] <span class="badge">比较长的文字</span>，[badge badge-sm] <span class="badge badge-sm">小尺寸</span></p>
|
||||
<p>
|
||||
徽章上标：[badge badge-sup] <span class="badge badge-sup">1</span>，
|
||||
[badge badge-sm badge-sup] <span class="badge badge-sm badge-sup">1</span>，
|
||||
[badge badge-sm badge-sup badge-danger] <span class="badge badge-sm badge-sup badge-danger">3</span>，
|
||||
徽章配合图标：<span class="fa fa-bell fa-fw" style="font-size:16px;"></span><span class="badge badge-sm badge-sup badge-danger">3</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色：[badge] <span class="badge">默认</span>，
|
||||
[badge badge-info] <span class="badge badge-ignore">忽略</span>，
|
||||
[badge badge-info] <span class="badge badge-info">信息</span>，
|
||||
[badge badge-primary] <span class="badge badge-primary">重要</span>，
|
||||
[badge badge-success] <span class="badge badge-success">成功</span>，
|
||||
[badge badge-warning] <span class="badge badge-warning">警告</span>，
|
||||
[badge badge-danger] <span class="badge badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色（正常）：
|
||||
<span class="badge">默认</span>
|
||||
<span class="badge badge-ignore">忽略</span>
|
||||
<span class="badge badge-info">信息</span>
|
||||
<span class="badge badge-primary">重要</span>
|
||||
<span class="badge badge-success">成功</span>
|
||||
<span class="badge badge-warning">警告</span>
|
||||
<span class="badge badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色（小）：
|
||||
<span class="badge badge-sm">默认</span>
|
||||
<span class="badge badge-sm badge-ignore">忽略</span>
|
||||
<span class="badge badge-sm badge-info">信息</span>
|
||||
<span class="badge badge-sm badge-primary">重要</span>
|
||||
<span class="badge badge-sm badge-success">成功</span>
|
||||
<span class="badge badge-sm badge-warning">警告</span>
|
||||
<span class="badge badge-sm badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div>
|
||||
<p>标签默认：[label] <span class="label">标签文字</span></p>
|
||||
<p>标签尺寸：[label] <span class="label">比较长的文字</span>，[label label-sm] <span class="label label-sm">小尺寸</span></p>
|
||||
<p>
|
||||
标签颜色：
|
||||
[label] <span class="label">默认</span>，
|
||||
[label label-ignore] <span class="label label-ignore">忽略</span>，
|
||||
[label label-info] <span class="label label-info">信息</span>，
|
||||
[label label-primary] <span class="label label-primary">重要</span>，
|
||||
[label label-success] <span class="label label-success">成功</span>，
|
||||
[label label-warning] <span class="label label-warning">警告</span>，
|
||||
[label label-danger] <span class="label label-danger">危险（错误）</span>，
|
||||
</p>
|
||||
<p>
|
||||
标签颜色（正常）：
|
||||
<span class="label">默认</span>
|
||||
<span class="label label-ignore">忽略</span>
|
||||
<span class="label label-info">信息</span>
|
||||
<span class="label label-primary">重要</span>
|
||||
<span class="label label-success">成功</span>
|
||||
<span class="label label-warning">警告</span>
|
||||
<span class="label label-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
标签颜色（小）：
|
||||
<span class="label label-sm">默认</span>
|
||||
<span class="label label-sm label-ignore">忽略</span>
|
||||
<span class="label label-sm label-info">信息</span>
|
||||
<span class="label label-sm label-primary">重要</span>
|
||||
<span class="label label-sm label-success">成功</span>
|
||||
<span class="label label-sm label-warning">警告</span>
|
||||
<span class="label label-sm label-danger">危险（错误）</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<%!
|
||||
import eom_ver
|
||||
%>
|
||||
<%
|
||||
_sidebar = [
|
||||
{
|
||||
'require_type': 0,
|
||||
'id': 'with-sidebar',
|
||||
'link': '',
|
||||
'name': '左侧菜单',
|
||||
'icon': 'fa-database',
|
||||
'sub': [
|
||||
{
|
||||
'require_type': 0,
|
||||
'id': 'normal',
|
||||
'link': '/uidesign',
|
||||
'name': '普通页面',
|
||||
'icon': 'fa-server',
|
||||
},
|
||||
{
|
||||
'require_type': 0,
|
||||
'id': 'user',
|
||||
'link': '/uidesign/table',
|
||||
'name': '表格页面',
|
||||
'icon': 'fa-user',
|
||||
},
|
||||
]
|
||||
},
|
||||
{
|
||||
'require_type': 0,
|
||||
'id': 'without-sidebar',
|
||||
'link': '/uidesign/without-sidebar',
|
||||
'name': '无侧边菜单',
|
||||
'icon': 'fa-database'
|
||||
}
|
||||
]
|
||||
%>
|
||||
|
||||
|
||||
<!-- begin sidebar scrollbar -->
|
||||
<div class="slimScrollDiv">
|
||||
|
||||
<!-- begin sidebar user -->
|
||||
<div class="nav">
|
||||
<ul class="nav nav-profile">
|
||||
<li>
|
||||
<div class="image">
|
||||
<img src="/static/img/avatar/001.png" width="36"/>
|
||||
</div>
|
||||
|
||||
<div class="dropdown">
|
||||
<a class="title" href="#" id="user-profile" data-target="#" data-toggle="dropdown" role="button"
|
||||
aria-haspopup="true" aria-expanded="false">
|
||||
<span class="name">${ current_user['nick_name'] }</span>
|
||||
<span class="role">测试用户 <i class="fa fa-caret-right"></i></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu dropdown-menu-right">
|
||||
<li><a href="/auth/logout" id="btn-logout">退出</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end sidebar user -->
|
||||
|
||||
<!-- begin sidebar nav -->
|
||||
<div class="nav">
|
||||
<ul class="nav nav-menu">
|
||||
|
||||
%for menu in _sidebar:
|
||||
%if menu['require_type'] <= current_user['type']:
|
||||
%if 'sub' in menu and len(menu['sub']) > 0:
|
||||
<li id="sidebar_menu_${menu['id']}">
|
||||
<a href="javascript:;" onclick="ywl._sidebar_toggle_submenu('${menu['id']}');">
|
||||
<i class="fa ${menu['icon']} fa-fw icon"></i>
|
||||
<span>${menu['name']}</span>
|
||||
<i class="menu-caret"></i>
|
||||
</a>
|
||||
<ul class="sub-menu" id="sidebar_submenu_${menu['id']}" style="display:none;">
|
||||
%for sub in menu['sub']:
|
||||
%if menu['require_type'] <= current_user['type']:
|
||||
<li id="sidebar_menu_${menu['id']}_${sub['id']}"><a href="${sub['link']}"><span>${sub['name']}</span></a></li>
|
||||
%endif
|
||||
%endfor
|
||||
</ul>
|
||||
</li>
|
||||
%else:
|
||||
<li id="sidebar_menu_${menu['id']}"><a href="${menu['link']}"
|
||||
%if 'target' in menu:
|
||||
target="${menu['target']}"
|
||||
%endif
|
||||
><i class="fa ${menu['icon']} fa-fw icon"></i><span>${menu['name']}</span></a></li>
|
||||
%endif
|
||||
%endif
|
||||
|
||||
%endfor
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<!-- end sidebar nav -->
|
||||
|
||||
<hr style="border:none;border-bottom:1px dotted #4a4a4a;margin-bottom:0;"/>
|
||||
<div style="color:#717171;font-size:90%;margin-top:5px;"><span style="display:inline-block;width:100px;text-align: right">服务端：</span><span class="mono">v${eom_ver.TS_VER}</span></div>
|
||||
<div style="color:#717171;font-size:90%;margin-top:5px;"><span style="display:inline-block;width:100px;text-align: right">助手：</span><span class="mono" id="tp-assist-version" req-version=${eom_ver.TP_ASSIST_REQUIRE}>v${eom_ver.TP_ASSIST_LAST_VER}</span></div>
|
||||
<div style="color:#717171;font-size:90%;margin-top:5px;"><span style="display:inline-block;width:100px;text-align: right">当前助手：</span><span class="mono">v${eom_ver.TP_ASSIST_REQUIRE}</span></div>
|
||||
|
||||
</div>
|
||||
<!-- end sidebar scrollbar -->
|
||||
|
|
@ -0,0 +1,126 @@
|
|||
<%!
|
||||
page_title_ = '页面部件测试'
|
||||
page_menu_ = ['with-sidebar', 'normal']
|
||||
%>
|
||||
<%inherit file="../page_base.mako"/>
|
||||
|
||||
<%block name="extend_js">
|
||||
</%block>
|
||||
|
||||
<%block name="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li><i class="fa fa-paint-brush fa-fw"></i> ${self.attr.page_title_}</li>
|
||||
<li>普通页面</li>
|
||||
</ol>
|
||||
</%block>
|
||||
|
||||
|
||||
<%block name="embed_js">
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
});
|
||||
</script>
|
||||
</%block>
|
||||
|
||||
<%block name="extend_css">
|
||||
|
||||
</%block>
|
||||
|
||||
<%block name="sidebar_nav_menu">
|
||||
<%include file="_sidebar_nav_menu.mako" />
|
||||
</%block>
|
||||
|
||||
|
||||
|
||||
<div class="page-content">
|
||||
<div class="box">
|
||||
<h1>这是一级标题，This is H1.</h1>
|
||||
<h2>这是二级标题，This is H2.</h2>
|
||||
<h3>这是三级标题，This is H3.</h3>
|
||||
<h4>这是四级标题，This is H4.</h4>
|
||||
<h5>这是五级标题，This is H5.</h5>
|
||||
<p>这是正文，this is content.</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div>
|
||||
<p>徽章默认：[badge] <span class="badge">1</span></p>
|
||||
<p>徽章尺寸：[badge] <span class="badge">比较长的文字</span>，[badge badge-sm] <span class="badge badge-sm">小尺寸</span></p>
|
||||
<p>
|
||||
徽章上标：[badge badge-sup] <span class="badge badge-sup">1</span>，
|
||||
[badge badge-sm badge-sup] <span class="badge badge-sm badge-sup">1</span>，
|
||||
[badge badge-sm badge-sup badge-danger] <span class="badge badge-sm badge-sup badge-danger">3</span>，
|
||||
徽章配合图标：<span class="fa fa-bell fa-fw" style="font-size:16px;"></span><span class="badge badge-sm badge-sup badge-danger">3</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色：[badge] <span class="badge">默认</span>，
|
||||
[badge badge-info] <span class="badge badge-ignore">忽略</span>，
|
||||
[badge badge-info] <span class="badge badge-info">信息</span>，
|
||||
[badge badge-primary] <span class="badge badge-primary">重要</span>，
|
||||
[badge badge-success] <span class="badge badge-success">成功</span>，
|
||||
[badge badge-warning] <span class="badge badge-warning">警告</span>，
|
||||
[badge badge-danger] <span class="badge badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色（正常）：
|
||||
<span class="badge">默认</span>
|
||||
<span class="badge badge-ignore">忽略</span>
|
||||
<span class="badge badge-info">信息</span>
|
||||
<span class="badge badge-primary">重要</span>
|
||||
<span class="badge badge-success">成功</span>
|
||||
<span class="badge badge-warning">警告</span>
|
||||
<span class="badge badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色（小）：
|
||||
<span class="badge badge-sm">默认</span>
|
||||
<span class="badge badge-sm badge-ignore">忽略</span>
|
||||
<span class="badge badge-sm badge-info">信息</span>
|
||||
<span class="badge badge-sm badge-primary">重要</span>
|
||||
<span class="badge badge-sm badge-success">成功</span>
|
||||
<span class="badge badge-sm badge-warning">警告</span>
|
||||
<span class="badge badge-sm badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div>
|
||||
<p>标签默认：[label] <span class="label">标签文字</span></p>
|
||||
<p>标签尺寸：[label] <span class="label">比较长的文字</span>，[label label-sm] <span class="label label-sm">小尺寸</span></p>
|
||||
<p>
|
||||
标签颜色：
|
||||
[label] <span class="label">默认</span>，
|
||||
[label label-ignore] <span class="label label-ignore">忽略</span>，
|
||||
[label label-info] <span class="label label-info">信息</span>，
|
||||
[label label-primary] <span class="label label-primary">重要</span>，
|
||||
[label label-success] <span class="label label-success">成功</span>，
|
||||
[label label-warning] <span class="label label-warning">警告</span>，
|
||||
[label label-danger] <span class="label label-danger">危险（错误）</span>，
|
||||
</p>
|
||||
<p>
|
||||
标签颜色（正常）：
|
||||
<span class="label">默认</span>
|
||||
<span class="label label-ignore">忽略</span>
|
||||
<span class="label label-info">信息</span>
|
||||
<span class="label label-primary">重要</span>
|
||||
<span class="label label-success">成功</span>
|
||||
<span class="label label-warning">警告</span>
|
||||
<span class="label label-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
标签颜色（小）：
|
||||
<span class="label label-sm">默认</span>
|
||||
<span class="label label-sm label-ignore">忽略</span>
|
||||
<span class="label label-sm label-info">信息</span>
|
||||
<span class="label label-sm label-primary">重要</span>
|
||||
<span class="label label-sm label-success">成功</span>
|
||||
<span class="label label-sm label-warning">警告</span>
|
||||
<span class="label label-sm label-danger">危险（错误）</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -0,0 +1,126 @@
|
|||
<%!
|
||||
page_title_ = '页面部件测试'
|
||||
page_menu_ = ['with-sidebar', 'table']
|
||||
%>
|
||||
<%inherit file="../page_base.mako"/>
|
||||
|
||||
<%block name="extend_js">
|
||||
</%block>
|
||||
|
||||
<%block name="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li><i class="fa fa-paint-brush fa-fw"></i> ${self.attr.page_title_}</li>
|
||||
<li>表格</li>
|
||||
</ol>
|
||||
</%block>
|
||||
|
||||
|
||||
<%block name="embed_js">
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
});
|
||||
</script>
|
||||
</%block>
|
||||
|
||||
<%block name="extend_css">
|
||||
|
||||
</%block>
|
||||
|
||||
<%block name="sidebar_nav_menu">
|
||||
<%include file="_sidebar_nav_menu.mako" />
|
||||
</%block>
|
||||
|
||||
|
||||
|
||||
<div class="page-content">
|
||||
<div class="box">
|
||||
<h1>这是一级标题，This is H1.</h1>
|
||||
<h2>这是二级标题，This is H2.</h2>
|
||||
<h3>这是三级标题，This is H3.</h3>
|
||||
<h4>这是四级标题，This is H4.</h4>
|
||||
<h5>这是五级标题，This is H5.</h5>
|
||||
<p>这是正文，this is content.</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div>
|
||||
<p>徽章默认：[badge] <span class="badge">1</span></p>
|
||||
<p>徽章尺寸：[badge] <span class="badge">比较长的文字</span>，[badge badge-sm] <span class="badge badge-sm">小尺寸</span></p>
|
||||
<p>
|
||||
徽章上标：[badge badge-sup] <span class="badge badge-sup">1</span>，
|
||||
[badge badge-sm badge-sup] <span class="badge badge-sm badge-sup">1</span>，
|
||||
[badge badge-sm badge-sup badge-danger] <span class="badge badge-sm badge-sup badge-danger">3</span>，
|
||||
徽章配合图标：<span class="fa fa-bell fa-fw" style="font-size:16px;"></span><span class="badge badge-sm badge-sup badge-danger">3</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色：[badge] <span class="badge">默认</span>，
|
||||
[badge badge-info] <span class="badge badge-ignore">忽略</span>，
|
||||
[badge badge-info] <span class="badge badge-info">信息</span>，
|
||||
[badge badge-primary] <span class="badge badge-primary">重要</span>，
|
||||
[badge badge-success] <span class="badge badge-success">成功</span>，
|
||||
[badge badge-warning] <span class="badge badge-warning">警告</span>，
|
||||
[badge badge-danger] <span class="badge badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色（正常）：
|
||||
<span class="badge">默认</span>
|
||||
<span class="badge badge-ignore">忽略</span>
|
||||
<span class="badge badge-info">信息</span>
|
||||
<span class="badge badge-primary">重要</span>
|
||||
<span class="badge badge-success">成功</span>
|
||||
<span class="badge badge-warning">警告</span>
|
||||
<span class="badge badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色（小）：
|
||||
<span class="badge badge-sm">默认</span>
|
||||
<span class="badge badge-sm badge-ignore">忽略</span>
|
||||
<span class="badge badge-sm badge-info">信息</span>
|
||||
<span class="badge badge-sm badge-primary">重要</span>
|
||||
<span class="badge badge-sm badge-success">成功</span>
|
||||
<span class="badge badge-sm badge-warning">警告</span>
|
||||
<span class="badge badge-sm badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div>
|
||||
<p>标签默认：[label] <span class="label">标签文字</span></p>
|
||||
<p>标签尺寸：[label] <span class="label">比较长的文字</span>，[label label-sm] <span class="label label-sm">小尺寸</span></p>
|
||||
<p>
|
||||
标签颜色：
|
||||
[label] <span class="label">默认</span>，
|
||||
[label label-ignore] <span class="label label-ignore">忽略</span>，
|
||||
[label label-info] <span class="label label-info">信息</span>，
|
||||
[label label-primary] <span class="label label-primary">重要</span>，
|
||||
[label label-success] <span class="label label-success">成功</span>，
|
||||
[label label-warning] <span class="label label-warning">警告</span>，
|
||||
[label label-danger] <span class="label label-danger">危险（错误）</span>，
|
||||
</p>
|
||||
<p>
|
||||
标签颜色（正常）：
|
||||
<span class="label">默认</span>
|
||||
<span class="label label-ignore">忽略</span>
|
||||
<span class="label label-info">信息</span>
|
||||
<span class="label label-primary">重要</span>
|
||||
<span class="label label-success">成功</span>
|
||||
<span class="label label-warning">警告</span>
|
||||
<span class="label label-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
标签颜色（小）：
|
||||
<span class="label label-sm">默认</span>
|
||||
<span class="label label-sm label-ignore">忽略</span>
|
||||
<span class="label label-sm label-info">信息</span>
|
||||
<span class="label label-sm label-primary">重要</span>
|
||||
<span class="label label-sm label-success">成功</span>
|
||||
<span class="label label-sm label-warning">警告</span>
|
||||
<span class="label label-sm label-danger">危险（错误）</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -0,0 +1,119 @@
|
|||
<%!
|
||||
page_title_ = '页面部件测试-无侧边栏'
|
||||
page_menu_ = ['without-sidebar']
|
||||
%>
|
||||
<%inherit file="../page_no_sidebar_base.mako"/>
|
||||
|
||||
<%block name="extend_js">
|
||||
</%block>
|
||||
|
||||
<%block name="breadcrumb">
|
||||
<ol class="breadcrumb">
|
||||
<li><i class="fa fa-paint-brush fa-fw"></i> ${self.attr.page_title_}</li>
|
||||
</ol>
|
||||
</%block>
|
||||
|
||||
|
||||
<%block name="embed_js">
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
});
|
||||
</script>
|
||||
</%block>
|
||||
|
||||
<%block name="extend_css">
|
||||
|
||||
</%block>
|
||||
|
||||
<div class="page-content">
|
||||
<div class="box">
|
||||
<h1>这是一级标题，This is H1.</h1>
|
||||
<h2>这是二级标题，This is H2.</h2>
|
||||
<h3>这是三级标题，This is H3.</h3>
|
||||
<h4>这是四级标题，This is H4.</h4>
|
||||
<h5>这是五级标题，This is H5.</h5>
|
||||
<p>这是正文，this is content.</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div>
|
||||
<p>徽章默认：[badge] <span class="badge">1</span></p>
|
||||
<p>徽章尺寸：[badge] <span class="badge">比较长的文字</span>，[badge badge-sm] <span class="badge badge-sm">小尺寸</span></p>
|
||||
<p>
|
||||
徽章上标：[badge badge-sup] <span class="badge badge-sup">1</span>，
|
||||
[badge badge-sm badge-sup] <span class="badge badge-sm badge-sup">1</span>，
|
||||
[badge badge-sm badge-sup badge-danger] <span class="badge badge-sm badge-sup badge-danger">3</span>，
|
||||
徽章配合图标：<span class="fa fa-bell fa-fw" style="font-size:16px;"></span><span class="badge badge-sm badge-sup badge-danger">3</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色：[badge] <span class="badge">默认</span>，
|
||||
[badge badge-info] <span class="badge badge-ignore">忽略</span>，
|
||||
[badge badge-info] <span class="badge badge-info">信息</span>，
|
||||
[badge badge-primary] <span class="badge badge-primary">重要</span>，
|
||||
[badge badge-success] <span class="badge badge-success">成功</span>，
|
||||
[badge badge-warning] <span class="badge badge-warning">警告</span>，
|
||||
[badge badge-danger] <span class="badge badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色（正常）：
|
||||
<span class="badge">默认</span>
|
||||
<span class="badge badge-ignore">忽略</span>
|
||||
<span class="badge badge-info">信息</span>
|
||||
<span class="badge badge-primary">重要</span>
|
||||
<span class="badge badge-success">成功</span>
|
||||
<span class="badge badge-warning">警告</span>
|
||||
<span class="badge badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
徽章颜色（小）：
|
||||
<span class="badge badge-sm">默认</span>
|
||||
<span class="badge badge-sm badge-ignore">忽略</span>
|
||||
<span class="badge badge-sm badge-info">信息</span>
|
||||
<span class="badge badge-sm badge-primary">重要</span>
|
||||
<span class="badge badge-sm badge-success">成功</span>
|
||||
<span class="badge badge-sm badge-warning">警告</span>
|
||||
<span class="badge badge-sm badge-danger">危险（错误）</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div>
|
||||
<p>标签默认：[label] <span class="label">标签文字</span></p>
|
||||
<p>标签尺寸：[label] <span class="label">比较长的文字</span>，[label label-sm] <span class="label label-sm">小尺寸</span></p>
|
||||
<p>
|
||||
标签颜色：
|
||||
[label] <span class="label">默认</span>，
|
||||
[label label-ignore] <span class="label label-ignore">忽略</span>，
|
||||
[label label-info] <span class="label label-info">信息</span>，
|
||||
[label label-primary] <span class="label label-primary">重要</span>，
|
||||
[label label-success] <span class="label label-success">成功</span>，
|
||||
[label label-warning] <span class="label label-warning">警告</span>，
|
||||
[label label-danger] <span class="label label-danger">危险（错误）</span>，
|
||||
</p>
|
||||
<p>
|
||||
标签颜色（正常）：
|
||||
<span class="label">默认</span>
|
||||
<span class="label label-ignore">忽略</span>
|
||||
<span class="label label-info">信息</span>
|
||||
<span class="label label-primary">重要</span>
|
||||
<span class="label label-success">成功</span>
|
||||
<span class="label label-warning">警告</span>
|
||||
<span class="label label-danger">危险（错误）</span>
|
||||
</p>
|
||||
<p>
|
||||
标签颜色（小）：
|
||||
<span class="label label-sm">默认</span>
|
||||
<span class="label label-sm label-ignore">忽略</span>
|
||||
<span class="label label-sm label-info">信息</span>
|
||||
<span class="label label-sm label-primary">重要</span>
|
||||
<span class="label label-sm label-success">成功</span>
|
||||
<span class="label label-sm label-warning">警告</span>
|
||||
<span class="label label-sm label-danger">危险（错误）</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue