Browse Source

电商应用后台样式调整

index_style_change
Jason 3 years ago
parent
commit
19bdee6f7e
  1. 6
      view/css/admin_style.css
  2. 73
      view/css/common.css
  3. BIN
      view/font/icomoon.eot
  4. 13
      view/font/icomoon.svg
  5. BIN
      view/font/icomoon.ttf
  6. BIN
      view/font/icomoon.woff
  7. 7
      view/templates/include/admin_header.html
  8. 20
      view/templates/index/home.html

6
view/css/admin_style.css

@ -109,7 +109,6 @@ body{
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;
@ -225,7 +224,8 @@ body{
font-size: 28px;
font-family: DINAlternate-Bold;
color: #000000;
margin-top: 34px;
margin-top: 78px;
padding-left: 32px !important;
}
.admin-card-text-2 span{
width: 14px;
@ -254,7 +254,7 @@ body{
font-size: 14px;
font-family: PingFangSC-Regular;
color: #F21019;
margin-top: 54px;
margin-top: 78px;
overflow-y: auto;
}
.admin-index-bottom-item{

73
view/css/common.css

@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src: url('/font/icomoon.eot?ylpdjd');
src: url('/font/icomoon.eot?ylpdjd#iefix') format('embedded-opentype'),
url('/font/icomoon.ttf?ylpdjd') format('truetype'),
url('/font/icomoon.woff?ylpdjd') format('woff'),
url('/font/icomoon.svg?ylpdjd#icomoon') format('svg');
src: url('/font/icomoon.eot?45awda');
src: url('/font/icomoon.eot?45awda#iefix') format('embedded-opentype'),
url('/font/icomoon.ttf?45awda') format('truetype'),
url('/font/icomoon.woff?45awda') format('woff'),
url('/font/icomoon.svg?45awda#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
@ -25,6 +25,65 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-LOGO .path1:before {
content: "\e911";
color: rgb(255, 255, 255);
}
.icon-LOGO .path2:before {
content: "\e919";
margin-left: -8.25em;
color: rgb(255, 255, 255);
}
.icon-LOGO .path3:before {
content: "\e91a";
margin-left: -8.25em;
color: rgb(255, 255, 255);
}
.icon-LOGO .path4:before {
content: "\e91b";
margin-left: -8.25em;
color: rgb(255, 255, 255);
}
.icon-LOGO .path5:before {
content: "\e91c";
margin-left: -8.25em;
color: rgb(255, 255, 255);
}
.icon-LOGO .path6:before {
content: "\e91d";
margin-left: -8.25em;
color: rgb(0, 0, 0);
}
.icon-LOGO .path7:before {
content: "\e91e";
margin-left: -8.25em;
color: rgb(255, 123, 21);
}
.icon-LOGO .path8:before {
content: "\e91f";
margin-left: -8.25em;
color: rgb(0, 0, 0);
}
.icon-LOGO .path9:before {
content: "\e920";
margin-left: -8.25em;
color: rgb(255, 123, 21);
}
.icon-LOGO .path10:before {
content: "\e921";
margin-left: -8.25em;
color: rgb(0, 0, 0);
}
.icon-LOGO .path11:before {
content: "\e922";
margin-left: -8.25em;
color: rgb(255, 123, 21);
}
.icon-LOGO .path12:before {
content: "\e923";
margin-left: -8.25em;
color: rgb(255, 123, 21);
}
.icon--6:before {
content: "\e900";
color: #636c78;
@ -85,10 +144,6 @@
content: "\e910";
color: #1890ff;
}
.icon-LOGO:before {
content: "\e911";
color: #fff;
}
.icon-uniE90E:before {
content: "\e90e";
color: #1890ff;

BIN
view/font/icomoon.eot

Binary file not shown.

13
view/font/icomoon.svg

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 51 KiB

BIN
view/font/icomoon.ttf

Binary file not shown.

BIN
view/font/icomoon.woff

Binary file not shown.

7
view/templates/include/admin_header.html

@ -1,7 +1,10 @@
<div class="layui-header admin-layui-header">
<div class="layui-logo layui-hide-xs layui-bg-black" style="box-shadow: unset !important;background-color: #1890FF !important;width: 105px;margin-left: 31px;">
<img src="/images/admin_logo.svg" alt="" style="width: 105px;vertical-align: middle;">
<div class="layui-logo layui-hide-xs layui-bg-black" style="box-shadow: unset !important;background-color: #1890FF !important;width: 264px;margin-left: 31px;text-align: left;">
<!-- <img src="/images/admin_logo.svg" alt="" style="width: 105px;vertical-align: middle;"> -->
<span class="icon-LOGO" style="font-size: 24px;line-height: 60px;"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span></span>
</div>
<!-- 头部区域(可配合layui 已有的水平导航) -->
<ul class="layui-nav layui-layout-left">
<!-- 移动端显示 -->

20
view/templates/index/home.html

@ -104,10 +104,10 @@
<div class="admin-card-text-2">{$total_data.total_urge_order_count}<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-21"></span></div> -->
<div class="admin-card-text-3 progress-icon-img-bar">
<!-- <div class="admin-card-text-3 progress-icon-img-bar">
<div class="fl progress-icon-img-bar-inner"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon--4"></span></div>
</div>
</div> -->
<div class="admin-card-text-5 {if $total_data.total_urge_order_count==0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_urge_order_count}red2{else}grey2{/if}"></i>这些顾客在催促发货咯</div>
</div>
</div>
@ -117,10 +117,10 @@
<div class="admin-card-text-2">{$total_data.total_countdown_order_count}<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-21"></span></div> -->
<div class="admin-card-text-3 progress-icon-img-bar">
<!-- <div class="admin-card-text-3 progress-icon-img-bar">
<div class="fl progress-icon-img-bar-inner"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon-4"></span></div>
</div>
</div> -->
<div class="admin-card-text-5 {if $total_data.total_countdown_order_count==0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_countdown_order_count}red2{else}grey2{/if}"></i>这些订单还有12h超时!</div>
</div>
</div>
@ -130,10 +130,10 @@
<div class="admin-card-text-2">{$total_data.total_wait_deliver_goods_count}<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-21"></span></div> -->
<div class="admin-card-text-3 admin-card-text-3-2 progress-icon-img-bar">
<!-- <div class="admin-card-text-3 admin-card-text-3-2 progress-icon-img-bar">
<div class="fl progress-icon-img-bar-inner"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon-uniE916"></span></div>
</div>
</div> -->
<div class="admin-card-text-5 {if $total_data.total_wait_deliver_goods_count==0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_wait_deliver_goods_count}red2{else}grey2{/if}"></i>有新增的订单啦</div>
</div>
</div>
@ -144,10 +144,10 @@
<div class="admin-card-text-2">{$total_data.total_platform_processing_count}<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-21"></span></div> -->
<div class="admin-card-text-3 progress-icon-img-bar">
<!-- <div class="admin-card-text-3 progress-icon-img-bar">
<div class="fl progress-icon-img-bar-inner"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon-1-" style="font-size: 16px;"></span></div>
</div>
</div> -->
<div class="admin-card-text-5 {if $total_data.total_platform_processing_count==0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_platform_processing_count}red2{else}grey2{/if}"></i>这些订单官方客服已介入</div>
</div>
</div>
@ -158,10 +158,10 @@
<div class="admin-card-text-2">{$total_data.total_wait_after_sale_count}<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-21"></span></div> -->
<div class="admin-card-text-3 admin-card-text-3-2 progress-icon-img-bar">
<!-- <div class="admin-card-text-3 admin-card-text-3-2 progress-icon-img-bar">
<div class="fl progress-icon-img-bar-inner"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon-5" style="font-size:15px;"></span></div>
</div>
</div> -->
<div class="admin-card-text-5 {if $total_data.total_wait_after_sale_count == 0}primary-msg{/if}"><i class="admin-index-top-item-list-item-child-dot-{if $total_data.total_wait_after_sale_count}red2{else}grey2{/if}"></i>这些顾客想要退款</div>
</div>
</div>

Loading…
Cancel
Save