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

电商应用后台样式调整

index_style_change
Jason 3 years ago
parent
131bae76a2
commit
19bdee6f7e
8 changed files with 94 additions and 25 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

@ -109,7 +109,6 @@ body{
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000); box-shadow: 0px 2px 8px 0px rgba(217,221,229,0.5000);
border-radius: 3px; border-radius: 3px;
padding-bottom: 22px;
} }
.bottom-layui-row{ .bottom-layui-row{
margin-top: 20px; margin-top: 20px;
@ -225,7 +224,8 @@ body{
font-size: 28px; font-size: 28px;
font-family: DINAlternate-Bold; font-family: DINAlternate-Bold;
color: #000000; color: #000000;
margin-top: 34px; margin-top: 78px;
padding-left: 32px !important;
} }
.admin-card-text-2 span{ .admin-card-text-2 span{
width: 14px; width: 14px;
@ -254,7 +254,7 @@ body{
font-size: 14px; font-size: 14px;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
color: #F21019; color: #F21019;
margin-top: 54px; margin-top: 78px;
overflow-y: auto; overflow-y: auto;
} }
.admin-index-bottom-item{ .admin-index-bottom-item{

73
view/css/common.css
View File

@ -1,10 +1,10 @@
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('/font/icomoon.eot?ylpdjd'); src: url('/font/icomoon.eot?45awda');
src: url('/font/icomoon.eot?ylpdjd#iefix') format('embedded-opentype'), src: url('/font/icomoon.eot?45awda#iefix') format('embedded-opentype'),
url('/font/icomoon.ttf?ylpdjd') format('truetype'), url('/font/icomoon.ttf?45awda') format('truetype'),
url('/font/icomoon.woff?ylpdjd') format('woff'), url('/font/icomoon.woff?45awda') format('woff'),
url('/font/icomoon.svg?ylpdjd#icomoon') format('svg'); url('/font/icomoon.svg?45awda#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: block; font-display: block;
@ -25,6 +25,65 @@
-moz-osx-font-smoothing: grayscale; -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 { .icon--6:before {
content: "\e900"; content: "\e900";
color: #636c78; color: #636c78;
@ -85,10 +144,6 @@
content: "\e910"; content: "\e910";
color: #1890ff; color: #1890ff;
} }
.icon-LOGO:before {
content: "\e911";
color: #fff;
}
.icon-uniE90E:before { .icon-uniE90E:before {
content: "\e90e"; content: "\e90e";
color: #1890ff; color: #1890ff;

BIN
view/font/icomoon.eot
View File

Binary file not shown.

13
view/font/icomoon.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 47 KiB

After

Width:  |  Height:  |  Size: 51 KiB

BIN
view/font/icomoon.ttf
View File

Binary file not shown.

BIN
view/font/icomoon.woff
View File

Binary file not shown.

7
view/templates/include/admin_header.html
View File

@ -1,7 +1,10 @@
<div class="layui-header admin-layui-header"> <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;"> <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;"> <!-- <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> </div>
<!-- 头部区域（可配合layui 已有的水平导航） --> <!-- 头部区域（可配合layui 已有的水平导航） -->
<ul class="layui-nav layui-layout-left"> <ul class="layui-nav layui-layout-left">
<!-- 移动端显示 --> <!-- 移动端显示 -->

20
view/templates/index/home.html
View File

@ -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-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-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-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"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon--4"></span></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 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>
</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-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-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-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"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon-4"></span></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 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>
</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-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-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-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"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon-uniE916"></span></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 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>
</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-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-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-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"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon-1-" style="font-size: 16px;"></span></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 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>
</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-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-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-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"></div>
<div class="fl progress-icon-img-bar-inner"><span class="icon-5" style="font-size:15px;"></span></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 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>
</div> </div>

Write Preview
Loading…
Cancel
Save