application
/
kuaileorder
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

首页样式调整

pull/7/head
Jason 3 years ago
parent
104480cd27
commit
94203a2dc2
2 changed files with 145 additions and 44 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 25
      view/css/admin_style.css
  2. 164
      view/templates/tpl/home.html

25
view/css/admin_style.css
View File

@ -1,5 +1,5 @@
@media screen and (max-width: 950px){
.admin-container-outer .admin-layui-header{
/* .admin-container-outer .admin-layui-header{
height: 48px !important;
background-color: #1890FF !important;
}
@ -43,23 +43,25 @@
border-radius:unset !important;
margin-right: 0px !important;
}
@media screen and (max-width: 768px) {
.layui-layout-admin .layui-layout-left,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer{left: 0;}
.layui-layout-admin .layui-side{left: -300px;}
}
.layui-nav-itemed>.admin-layui-nav-child{
background-color: #ffffff !important;
}
.layui-nav-item>.admin-layui-nav-item-title-a{
color: #000000 !important;
}
} */
}
@media screen and (max-width: 768px) {
.layui-layout-admin .layui-layout-left,
.layui-layout-admin .layui-body,
.layui-layout-admin .layui-footer{left: 0;}
.layui-layout-admin .layui-side{left: -300px;}
}
body{
background: #F0F2F5;
font: 14px PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei !important;
}
.admin-container-outer .admin-layui-header{
background-color: #1890FF !important;
@ -139,7 +141,7 @@ body{
color:red !important;
}
a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer, h1, h2, h3, h4, h5, h6, header, i, input, li, nav, p, section, select, span, textarea, ul {
padding: 0;
/* padding: 0;
margin: 0;
list-style: none;
font-style: normal;
@ -149,7 +151,7 @@ a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer,
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased; */
}
.admin-layui-nav-item-a-child{
font-family: PingFangSC-Medium;
@ -159,3 +161,6 @@ a, article, aside, b, body, button, dd, div, dl, dt, figcaption, figure, footer,
font-family: PingFangSC-Medium;
color: rgba(0, 0, 0, 1) !important;
}
*{
-webkit-tap-highlight-color:unset !important;
}

164
view/templates/tpl/home.html
View File

@ -32,6 +32,7 @@
background: #FFFFFF;
box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000);
border-radius: 3px;
padding-bottom: 22px;
}
.bottom-layui-row{
margin-top: 20px;
@ -146,7 +147,6 @@
height: 28px;
font-size: 28px;
font-family: DINAlternate-Bold;
font-weight: bold;
color: #000000;
margin-top: 39px;
}
@ -173,17 +173,19 @@
margin-top: 21px;
}
.admin-card-text-5{
height: 14px;
max-height: 55px;
font-size: 14px;
font-family: PingFangSC-Regular;
color: #F21019;
margin-top: 25px;
overflow-y: auto;
}
.admin-index-bottom-item{
overflow: hidden;
}
.admin-index-bottom-item div{
padding-left: 22px;
padding-right: 6px;
}
.admin-index-top-item-list-item-child-dot-red2{
margin-right: 5px;
@ -198,6 +200,100 @@
position: relative;
top: -2px;
}
.admin-card-text-3 span,.admin-card-text-4 span{
font-size: 11px;
margin-left: 5px;
}
.primary-msg{
color: #69717D;
}
@media screen and (min-width:1270px) and (max-width:1440px){
.admin-layui-col-top-right{
min-width: 788px;
}
.admin-layui-col-top-left{
min-width: 259px;
}
.admin-menu-layui-side-scroll{
width: 188px !important;
}
.admin-menu-list .layui-nav-tree{
width: 188px !important;
}
.admin-menu-list.layui-side{
width: 188px !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this::after {
content: "";
display: block;
position: absolute;
z-index: 8;
left: 184px !important;
background-color: rgba(24, 144, 255, 1) !important;
border-radius: 4px !important;
width: 4px !important;
height: 29px !important;
margin-top: 5.5px !important;
top: 0px;
}
.admin-menu-list .layui-nav-bar{
top: 184px !important;
}
.admin-layui-body{
padding: 12px 12px 12px 0px;
}
.admin-layui-col-bottom-list{
min-width: 217px;
}
.admin-layui-col-bottom-list-last{
padding-right: 0px !important;
min-width: 207px !important;
}
}
@media screen and (min-width:1200px) and (max-width:1260px){
.admin-layui-col-top-right{
max-width: 724px !important;
}
.admin-layui-col-top-left{
min-width: 259px;
}
.admin-menu-layui-side-scroll{
width: 188px !important;
}
.admin-menu-list .layui-nav-tree{
width: 188px !important;
}
.admin-menu-list.layui-side{
width: 188px !important;
}
.layui-nav-tree .layui-nav-child dd.layui-this::after {
content: "";
display: block;
position: absolute;
z-index: 8;
left: 184px !important;
background-color: rgba(24, 144, 255, 1) !important;
border-radius: 4px !important;
width: 4px !important;
height: 29px !important;
margin-top: 5.5px !important;
top: 0px;
}
.admin-menu-list .layui-nav-bar{
top: 184px !important;
}
.admin-layui-body{
padding: 12px 12px 12px 0px;
}
.admin-layui-col-bottom-list{
min-width: 217px;
}
.admin-layui-col-bottom-list-last{
padding-right: 0px !important;
min-width: 207px !important;
}
}
</style>
{/literal}
</head>
@ -208,7 +304,7 @@
{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-lg3">
<div class="layui-col-lg3 admin-layui-col-top-left">
<div class="admin-index-top-item">
<div class="admin-index-top-item-title">今日动态</div>
<div class="admin-index-top-item-title-line"></div>
@ -259,66 +355,66 @@
</div>
</div>
<div class="layui-col-lg9">
<div class="layui-col-lg9 admin-layui-col-top-right">
<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="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></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-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></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="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></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 class="admin-card-text-1">倒计时订单(总)&nbsp;&nbsp;></div>
<div class="admin-card-text-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></div>
<div class="admin-card-text-5"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些订单还有12h超时！</div>
</div>
</div>
<div class="layui-col-lg2">
<div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></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 class="admin-card-text-1">待发货订单(总)&nbsp;&nbsp;></div>
<div class="admin-card-text-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></div>
<div class="admin-card-text-5 primary-msg"><i class="admin-index-top-item-list-item-child-dot-red2"></i>有新增的订单啦</div>
</div>
</div>
<div class="layui-col-lg2">
<div class="layui-col-lg2 admin-layui-col-bottom-list">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></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 class="admin-card-text-1">平台介入中订单(总)&nbsp;&nbsp;></div>
<div class="admin-card-text-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></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="layui-col-lg2 admin-layui-col-bottom-list admin-layui-col-bottom-list-last">
<div class="admin-index-bottom-item">
<div class="admin-card-text-1">催发货订单(总)&nbsp;&nbsp;></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 class="admin-card-text-1">待售后订单(总)&nbsp;&nbsp;></div>
<div class="admin-card-text-2">888<span>&nbsp;单</span></div>
<div class="admin-card-text-3">日增长：+0.61%<span class="icon--2"></span></div>
<div class="admin-card-text-4">周减少：-0.61%<span class="icon-2"></span></div>
<div class="admin-card-text-5 primary-msg"><i class="admin-index-top-item-list-item-child-dot-red2"></i>这些顾客想要退款</div>
</div>
</div>
</div>
</div>
<div class="layui-footer">
<!-- <div class="layui-footer">
底部固定区域
</div>
</div> -->
</div>
<script src="/js/layui.js"></script>
{literal}

Write Preview
Loading…
Cancel
Save