innov
/
BootstrapAdmin
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style: 增加 badge-md 样式

This commit is contained in:
Argo Zhang 2019-08-14 20:44:26 +08:00
parent 301b66bedc
commit 8cb19c6175
No known key found for this signature in database
GPG Key ID: 152E398953DDF19F
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Bootstrap.Admin/Views/Admin/Healths.cshtml
View File

@ -61,7 +61,7 @@
<li>健康检查接口地址: <a href="~/healths">healths</a></li> <li>健康检查接口地址: <a href="~/healths">healths</a></li>
<li>健康检查报表地址: <a href="~/healths-ui">healths-ui</a></li> <li>健康检查报表地址: <a href="~/healths-ui">healths-ui</a></li>
</ol> </ol>
<div>每项检查结果为：健康 亚健康 不健康</div> <div>每项检查结果为：<span class="badge badge-pill badge-success badge-md">健康</span> <span class="badge badge-pill badge-warning badge-md">亚健康</span> <span class="badge badge-pill badge-danger badge-md">不健康</span></div>
</div> </div>
<div>耗时：<span id="checkTotalEplsed">--</span></div> <div>耗时：<span id="checkTotalEplsed">--</span></div>
<table id="tbCheck"></table> <table id="tbCheck"></table>

13
Bootstrap.Admin/wwwroot/css/theme.css
View File

@ -617,14 +617,10 @@ input.pending {
margin-left: 5px; margin-left: 5px;
} }
.bootstrap-table .badge { .bootstrap-table .badge .fa {
padding: 4px 6px; margin-right: 4px;
} }
.bootstrap-table .badge .fa {
margin-right: 4px;
}
.bootstrap-table .fa-info { .bootstrap-table .fa-info {
width: 9px; width: 9px;
} }
@ -859,3 +855,8 @@ label[for] {
.form-inline .form-group .toggle { .form-inline .form-group .toggle {
display: block; display: block;
} }
.badge-md {
font-size: 0.75rem;
padding: 4px 6px;
}

2
Bootstrap.Admin/wwwroot/js/healths.js
View File

@ -1,5 +1,5 @@
$(function () { $(function () {
var healthStatus = ["不健康", "亚健康", "健康"]; var healthStatus = ['<span class="badge badge-md badge-pill badge-danger">不健康</span>', '<span class="badge badge-md badge-pill badge-warning">亚健康</span>', '<span class="badge badge-md badge-pill badge-success">健康</span>'];
var StatusFormatter = function (value) { var StatusFormatter = function (value) {
return healthStatus[value]; return healthStatus[value];
}; };