|
|
|
@ -9,6 +9,7 @@ |
|
|
|
<title>首页</title> |
|
|
|
<link rel="stylesheet" href="/css/layui.css"/> |
|
|
|
<link rel="stylesheet" href="/css/admin_style.css"/> |
|
|
|
<link rel="stylesheet" href="/css/common.css"/> |
|
|
|
<!--[if lt IE 9]> |
|
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> |
|
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|
|
|
@ -38,7 +39,164 @@ |
|
|
|
.admin-index-top-item-title{ |
|
|
|
width: 100%; |
|
|
|
height: 46px; |
|
|
|
|
|
|
|
line-height: 46px; |
|
|
|
padding-left: 18px; |
|
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
|
font-size: 16px; |
|
|
|
font-family: PingFangSC-Regular; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
.admin-index-top-item-title-line{ |
|
|
|
width: 100%; |
|
|
|
height: 1px; |
|
|
|
background-color: rgba(232, 232, 232, 1); |
|
|
|
} |
|
|
|
.admin-index-top-item-list-title{ |
|
|
|
width: 56px; |
|
|
|
height: 22px; |
|
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFangSC-Medium; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 22px; |
|
|
|
margin: 18px 0 0 18px; |
|
|
|
} |
|
|
|
.admin-dashed-line{ |
|
|
|
width: 100%; |
|
|
|
height: 1px; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child{ |
|
|
|
line-height: 1px; |
|
|
|
padding-left: 18px; |
|
|
|
} |
|
|
|
.fl{ |
|
|
|
float: left; |
|
|
|
} |
|
|
|
.fr{ |
|
|
|
float: right; |
|
|
|
} |
|
|
|
.clear{ |
|
|
|
clear: both; |
|
|
|
width: 0px; |
|
|
|
height: 0px; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child div:first-child{ |
|
|
|
width: 70px; |
|
|
|
height: 22px; |
|
|
|
color: rgba(99, 108, 120, 1); |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFangSC-Regular; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 25px; |
|
|
|
margin-left: 4px; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child div:nth-child(2){ |
|
|
|
height: 22px; |
|
|
|
color: rgba(105, 113, 125, 1); |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFangSC-Regular; |
|
|
|
text-align: left; |
|
|
|
white-space: nowrap; |
|
|
|
line-height: 25px; |
|
|
|
margin-left: 51px; |
|
|
|
padding-right: 28px; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child-icon1,.admin-index-top-item-list-item-child-icon2,.admin-index-top-item-list-item-child-icon3,.admin-index-top-item-list-item-child-icon4,.admin-index-top-item-list-item-child-icon5{ |
|
|
|
font-size: 16px; |
|
|
|
margin-right: 5px; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child-dot-red,.admin-index-top-item-list-item-child-dot-grey{ |
|
|
|
margin-right: 5px; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child-dot1{ |
|
|
|
margin-right: 0px !important; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child-dot-grey::after{ |
|
|
|
content: ''; |
|
|
|
display: inline-block; |
|
|
|
width: 6px; |
|
|
|
height: 6px; |
|
|
|
background: #C3C6CB; |
|
|
|
border-radius: 50%; |
|
|
|
position: relative; |
|
|
|
top: -4px; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child-dot-red::after{ |
|
|
|
content: ''; |
|
|
|
display: inline-block; |
|
|
|
width: 6px; |
|
|
|
height: 6px; |
|
|
|
background: #F21019; |
|
|
|
border-radius: 50%; |
|
|
|
position: relative; |
|
|
|
top: -4px; |
|
|
|
} |
|
|
|
.admin-card-text-1{ |
|
|
|
width: 100%; |
|
|
|
height: 16px; |
|
|
|
font-size: 16px; |
|
|
|
font-family: PingFangSC-Regular; |
|
|
|
color: #636C78; |
|
|
|
margin-top: 21px; |
|
|
|
} |
|
|
|
.admin-card-text-2{ |
|
|
|
height: 28px; |
|
|
|
font-size: 28px; |
|
|
|
font-family: DINAlternate-Bold; |
|
|
|
font-weight: bold; |
|
|
|
color: #000000; |
|
|
|
margin-top: 39px; |
|
|
|
} |
|
|
|
.admin-card-text-2 span{ |
|
|
|
width: 14px; |
|
|
|
height: 14px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFangSC-Regular; |
|
|
|
color: #636C78; |
|
|
|
line-height: 14px; |
|
|
|
} |
|
|
|
.admin-card-text-3{ |
|
|
|
height: 12px; |
|
|
|
font-size: 12px; |
|
|
|
font-family: PingFangSC-Regular; |
|
|
|
color: #5F5F5F; |
|
|
|
margin-top: 39px; |
|
|
|
} |
|
|
|
.admin-card-text-4{ |
|
|
|
height: 12px; |
|
|
|
font-size: 12px; |
|
|
|
font-family: PingFangSC-Regular; |
|
|
|
color: #5F5F5F; |
|
|
|
margin-top: 21px; |
|
|
|
} |
|
|
|
.admin-card-text-5{ |
|
|
|
height: 14px; |
|
|
|
font-size: 14px; |
|
|
|
font-family: PingFangSC-Regular; |
|
|
|
color: #F21019; |
|
|
|
margin-top: 25px; |
|
|
|
} |
|
|
|
.admin-index-bottom-item{ |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
.admin-index-bottom-item div{ |
|
|
|
padding-left: 22px; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child-dot-red2{ |
|
|
|
margin-right: 5px; |
|
|
|
} |
|
|
|
.admin-index-top-item-list-item-child-dot-red2::after{ |
|
|
|
content: ''; |
|
|
|
display: inline-block; |
|
|
|
width: 6px; |
|
|
|
height: 6px; |
|
|
|
background: #F21019; |
|
|
|
border-radius: 50%; |
|
|
|
position: relative; |
|
|
|
top: -2px; |
|
|
|
} |
|
|
|
</style> |
|
|
|
{/literal} |
|
|
|
@ -50,65 +208,109 @@ |
|
|
|
{include file="include/admin_leftmenu.html"} |
|
|
|
<div class="layui-body admin-layui-body layui-anim layui-anim-fadein"> |
|
|
|
<div class="layui-row layui-col-space12"> |
|
|
|
<div class="layui-col-lg2"> |
|
|
|
<div class="layui-col-lg3"> |
|
|
|
<div class="admin-index-top-item"> |
|
|
|
<div class="admin-index-top-item-title">今日动态</div> |
|
|
|
<div class="admin-index-top-item-title-line"></div> |
|
|
|
|
|
|
|
<div class="admin-index-top-item-list-title">发货动态</div> |
|
|
|
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|
|
|
|
|
|
|
<div class="admin-index-top-item-list-item"> |
|
|
|
<div class="admin-index-top-item-list-item-child"> |
|
|
|
<div>催发订单：</div> |
|
|
|
<div>323,234</div> |
|
|
|
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-red admin-index-top-item-list-item-child-dot1"></i> <span class="icon-- admin-index-top-item-list-item-child-icon1"></span>催发订单：</div> |
|
|
|
<div class="fr">323,234</div> |
|
|
|
<div class="clear"></div> |
|
|
|
</div> |
|
|
|
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|
|
|
|
|
|
|
<div class="admin-index-top-item-list-item-child"> |
|
|
|
<div>倒计时订单：</div> |
|
|
|
<div>234</div> |
|
|
|
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-red"></i><span class="icon-uniE900 admin-index-top-item-list-item-child-icon2"></span>倒计时订单：</div> |
|
|
|
<div class="fr">234</div> |
|
|
|
<div class="clear"></div> |
|
|
|
</div> |
|
|
|
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|
|
|
|
|
|
|
<div class="admin-index-top-item-list-item-child"> |
|
|
|
<div>待发货订单：</div> |
|
|
|
<div>809,1</div> |
|
|
|
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-grey"></i><span class="icon--1 admin-index-top-item-list-item-child-icon3"></span>待发货订单：</div> |
|
|
|
<div class="fr">809,1</div> |
|
|
|
<div class="clear"></div> |
|
|
|
</div> |
|
|
|
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="admin-index-top-item-list-title">售后动态</div> |
|
|
|
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|
|
|
<div class="admin-index-top-item-list-item"> |
|
|
|
<div class="admin-index-top-item-list-item-child"> |
|
|
|
<div>平台介入中：</div> |
|
|
|
<div>809,1</div> |
|
|
|
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-red"></i><span class="icon-uniE9001 admin-index-top-item-list-item-child-icon4"></span>平台介入中：</div> |
|
|
|
<div class="fr">809,1</div> |
|
|
|
<div class="clear"></div> |
|
|
|
</div> |
|
|
|
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|
|
|
|
|
|
|
<div class="admin-index-top-item-list-item-child"> |
|
|
|
<div>待售后订单：</div> |
|
|
|
<div>891</div> |
|
|
|
<div class="fl"><i class="admin-index-top-item-list-item-child-dot-grey"></i><span class="icon-1 admin-index-top-item-list-item-child-icon4"></span>待售后订单：</div> |
|
|
|
<div class="fr">891</div> |
|
|
|
<div class="clear"></div> |
|
|
|
</div> |
|
|
|
<img class="admin-dashed-line" src="/images/admin_index_dashed_line.png"> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-lg10"> |
|
|
|
<div class="layui-col-lg9"> |
|
|
|
<div class="admin-index-top-item">2</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="layui-row layui-col-space20 bottom-layui-row"> |
|
|
|
<div class="layui-col-lg2"> |
|
|
|
<div class="admin-index-bottom-item">1</div> |
|
|
|
<div class="admin-index-bottom-item"> |
|
|
|
<div class="admin-card-text-1">催发货订单(总) ></div> |
|
|
|
<div class="admin-card-text-2">761<span>单</span></div> |
|
|
|
<div class="admin-card-text-3">日增长：+0.61%</div> |
|
|
|
<div class="admin-card-text-4">周减少：-0.61%</div> |
|
|
|
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-lg2"> |
|
|
|
<div class="admin-index-bottom-item">2</div> |
|
|
|
<div class="admin-index-bottom-item"> |
|
|
|
<div class="admin-card-text-1">催发货订单(总) ></div> |
|
|
|
<div class="admin-card-text-2">761<span>单</span></div> |
|
|
|
<div class="admin-card-text-3">日增长：+0.61%</div> |
|
|
|
<div class="admin-card-text-4">周减少：-0.61%</div> |
|
|
|
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="layui-col-lg2"> |
|
|
|
<div class="admin-index-bottom-item">2</div> |
|
|
|
<div class="admin-index-bottom-item"> |
|
|
|
<div class="admin-card-text-1">催发货订单(总) ></div> |
|
|
|
<div class="admin-card-text-2">761<span>单</span></div> |
|
|
|
<div class="admin-card-text-3">日增长：+0.61%</div> |
|
|
|
<div class="admin-card-text-4">周减少：-0.61%</div> |
|
|
|
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="layui-col-lg2"> |
|
|
|
<div class="admin-index-bottom-item">2</div> |
|
|
|
<div class="admin-index-bottom-item"> |
|
|
|
<div class="admin-card-text-1">催发货订单(总) ></div> |
|
|
|
<div class="admin-card-text-2">761<span>单</span></div> |
|
|
|
<div class="admin-card-text-3">日增长：+0.61%</div> |
|
|
|
<div class="admin-card-text-4">周减少：-0.61%</div> |
|
|
|
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="layui-col-lg2"> |
|
|
|
<div class="admin-index-bottom-item">2</div> |
|
|
|
<div class="admin-index-bottom-item"> |
|
|
|
<div class="admin-card-text-1">催发货订单(总) ></div> |
|
|
|
<div class="admin-card-text-2">761<span>单</span></div> |
|
|
|
<div class="admin-card-text-3">日增长：+0.61%</div> |
|
|
|
<div class="admin-card-text-4">周减少：-0.61%</div> |
|
|
|
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客在催促发货咯</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
