root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

美化welcome.html页面数据统计

v1.0
bobi1234 2018-08-11 18:45:51 +08:00
parent f497be6efe
commit 6a5acac60a
2 changed files with 116 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
css/sub-page.css
View File

@ -3,6 +3,59 @@
padding: 10px
}
/*welcome页面*/
.layui-row-margin {
margin: 10px 5px 5px 5px;
}
.md2-sub1 {
width: 40%;
text-align: center;
line-height: 80px;
float: left;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.md2-sub1 i {
font-size: 40px;
display: block;
cursor: pointer;
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.md2-sub1 i:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.md2-sub2 {
width: 60%;
display: inline-block;
background-color: #f2f2f2;
line-height: 46px;
text-align: center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.md2-sub2 span {
font-size: 25px;
display: block;
height: 34px;
}
.md2-sub2 cite {
font-style: normal;
}
/*其他子页面*/
/*子页面面包屑导航样式*/
.ok-body-breadcrumb {
position: relative;

67
welcome.html
View File

@ -10,6 +10,7 @@
<link rel="stylesheet" href="lib/layui/css/layui.css">
<link rel="stylesheet" href="css/scroll-bar.css">
<link rel="stylesheet" href="css/sub-page.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_hsptnwurztv.css">
</head>
<body>
<div class="ok-body">
@ -18,8 +19,62 @@
</blockquote>
<fieldset class="layui-elem-field">
<legend>数据统计</legend>
<!--todo 删格系统-->
<h1>这里是数据统计</h1>
<div class="layui-row layui-col-space10 layui-row-margin">
<div class="layui-col-md2">
<div class="layui-bg-green md2-sub1">
<i class="iconfont icon-dianliyonghuzongshu"></i>
</div>
<div class="md2-sub2">
<span>100</span>
<cite>用户总数</cite>
</div>
</div>
<div class="layui-col-md2">
<div class="layui-bg-blue md2-sub1">
<i class="iconfont icon-wenzhang2"></i>
</div>
<div class="md2-sub2">
<span>100</span>
<cite>文章总数</cite>
</div>
</div>
<div class="layui-col-md2">
<div class="layui-bg-black md2-sub1">
<i class="iconfont icon-pinglun"></i>
</div>
<div class="md2-sub2">
<span>100</span>
<cite>评论总数</cite>
</div>
</div>
<div class="layui-col-md2">
<div class="layui-bg-orange md2-sub1">
<i class="iconfont icon-goods"></i>
</div>
<div class="md2-sub2">
<span>100</span>
<cite>商品总数</cite>
</div>
</div>
<div class="layui-col-md2">
<div class="layui-bg-red md2-sub1">
<i class="iconfont icon-jiaose"></i>
</div>
<div class="md2-sub2">
<span>100</span>
<cite>角色总数</cite>
</div>
</div>
<div class="layui-col-md2">
<div class="layui-bg-cyan md2-sub1">
<i class="iconfont icon-webpage"></i>
</div>
<div class="md2-sub2">
<span>100</span>
<cite>页面总数</cite>
</div>
</div>
</div>
</fieldset>
<blockquote class="layui-elem-quote">
@ -36,8 +91,12 @@
<td>1.1.1.1</td>
</tr>
<tr>
<td>服务器地址</td>
<td>http://ok-admin.xlbweb.cn</td>
<td>服务器地址1</td>
<td><a href="http://ok-admin.xlbweb.cn" target="_blank">http://ok-admin.xlbweb.cn</a></td>
</tr>
<tr>
<td>服务器地址2（稳定）</td>
<td><a href="https://bobi1234.gitee.io/ok-admin" target="_blank">https://bobi1234.gitee.io/ok-admin</a></td>
</tr>
<tr>
<td>操作系统</td>