增加后台portal块

This commit is contained in:
Anyon 2019-11-29 17:18:24 +08:00
parent 3b28bd18d5
commit d982013b3d
4 changed files with 56 additions and 42 deletions

View File

@ -1,76 +1,45 @@
{extend name='main'} {extend name='main'}
{block name='content'} {block name='content'}
<div class="think-box-shadow portal-block-container notselect">
<style>
.store-total-container {
font-size: 14px;
margin-bottom: 20px;
letter-spacing: 1px;
}
.store-total-container .store-total-icon {
top: 45%;
right: 8%;
font-size: 65px;
position: absolute;
color: rgba(255, 255, 255, 0.4);
}
.store-total-container .store-total-item {
color: #fff;
line-height: 4em;
padding: 15px 25px;
position: relative;
}
.store-total-container .store-total-item > div:nth-child(2) {
font-size: 46px;
line-height: 46px;
}
</style>
<div class="think-box-shadow store-total-container notselect">
<div class="margin-bottom-15">商城统计</div> <div class="margin-bottom-15">商城统计</div>
<div class="layui-row layui-col-space15"> <div class="layui-row layui-col-space15">
<div class="layui-col-sm6 layui-col-md3"> <div class="layui-col-sm6 layui-col-md3">
<div class="store-total-item nowrap" style="background:linear-gradient(-125deg,#57bdbf,#2f9de2)"> <div class="portal-block-item nowrap" style="background:linear-gradient(-125deg,#57bdbf,#2f9de2)">
<div>商品总量</div> <div>商品总量</div>
<div>63</div> <div>63</div>
<div>当前商品总数量</div> <div>当前商品总数量</div>
</div> </div>
<i class="store-total-icon layui-icon layui-icon-template-1"></i> <i class="portal-block-icon layui-icon layui-icon-template-1"></i>
</div> </div>
<div class="layui-col-sm6 layui-col-md3"> <div class="layui-col-sm6 layui-col-md3">
<div class="store-total-item nowrap" style="background:linear-gradient(-125deg,#ff7d7d,#fb2c95)"> <div class="portal-block-item nowrap" style="background:linear-gradient(-125deg,#ff7d7d,#fb2c95)">
<div>用户总量</div> <div>用户总量</div>
<div>1,634</div> <div>1,634</div>
<div>当前用户总数量</div> <div>当前用户总数量</div>
</div> </div>
<i class="store-total-icon layui-icon layui-icon-user"></i> <i class="portal-block-icon layui-icon layui-icon-user"></i>
</div> </div>
<div class="layui-col-sm6 layui-col-md3"> <div class="layui-col-sm6 layui-col-md3">
<div class="store-total-item nowrap" style="background:linear-gradient(-113deg,#c543d8,#925cc3)"> <div class="portal-block-item nowrap" style="background:linear-gradient(-113deg,#c543d8,#925cc3)">
<div>订单总量</div> <div>订单总量</div>
<div>148</div> <div>148</div>
<div>已付款订单总数量</div> <div>已付款订单总数量</div>
</div> </div>
<i class="store-total-icon layui-icon layui-icon-read"></i> <i class="portal-block-icon layui-icon layui-icon-read"></i>
</div> </div>
<div class="layui-col-sm6 layui-col-md3"> <div class="layui-col-sm6 layui-col-md3">
<div class="store-total-item nowrap" style="background:linear-gradient(-141deg,#ecca1b,#f39526)"> <div class="portal-block-item nowrap" style="background:linear-gradient(-141deg,#ecca1b,#f39526)">
<div>评价总量</div> <div>评价总量</div>
<div>0</div> <div>0</div>
<div>订单评价总数量</div> <div>订单评价总数量</div>
</div> </div>
<i class="store-total-icon layui-icon layui-icon-survey"></i> <i class="portal-block-icon layui-icon layui-icon-survey"></i>
</div> </div>
</div> </div>
</div> </div>
<div class="think-box-shadow store-total-container"> <div class="think-box-shadow portal-block-container">
<div class="margin-bottom-15">实时概况</div> <div class="margin-bottom-15">实时概况</div>
<div class="layui-row layui-col-space15"> <div class="layui-row layui-col-space15">
<div class="layui-col-md6 margin-bottom-15"> <div class="layui-col-md6 margin-bottom-15">

View File

@ -1210,4 +1210,25 @@ label.think-radio {
[data-tips-image] { [data-tips-image] {
cursor: zoom-in !important; cursor: zoom-in !important;
} }
.portal-block-container {
font-size: 14px;
letter-spacing: 1px;
}
.portal-block-container .portal-block-icon {
top: 45%;
right: 8%;
font-size: 65px;
position: absolute;
color: rgba(255, 255, 255, 0.4);
}
.portal-block-container .portal-block-item {
color: #fff;
line-height: 4em;
padding: 15px 25px;
position: relative;
}
.portal-block-container .portal-block-item > div:nth-child(2) {
font-size: 46px;
line-height: 46px;
}
/*# sourceMappingURL=console.css.map */ /*# sourceMappingURL=console.css.map */

File diff suppressed because one or more lines are too long

View File

@ -715,3 +715,27 @@
cursor: zoom-in !important cursor: zoom-in !important
} }
.portal-block-container {
font-size: 14px;
letter-spacing: 1px;
.portal-block-icon {
top: 45%;
right: 8%;
font-size: 65px;
position: absolute;
color: rgba(255, 255, 255, 0.4);
}
.portal-block-item {
color: #fff;
line-height: 4em;
padding: 15px 25px;
position: relative;
> div:nth-child(2) {
font-size: 46px;
line-height: 46px;
}
}
}