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

Merge pull request '电商后台首页样式调整' (#13) from index_style_change into master 

Reviewed-on: #13
pull/19/head
超级管理员 3 years ago
parent
9c6c3da96f 131bae76a2
commit
0a64debe82
7 changed files with 130 additions and 19 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. 84
      view/css/admin_style.css
  2. 30
      view/css/common.css
  3. BIN
      view/font/icomoon.eot
  4. 5
      view/font/icomoon.svg
  5. BIN
      view/font/icomoon.ttf
  6. BIN
      view/font/icomoon.woff
  7. 30
      view/templates/index/home.html

84
view/css/admin_style.css
View File

@ -218,14 +218,14 @@ body{
font-size: 16px;
font-family: PingFangSC-Regular;
color: #636C78;
margin-top: 21px;
margin-top: 17px;
}
.admin-card-text-2{
height: 28px;
font-size: 28px;
font-family: DINAlternate-Bold;
color: #000000;
margin-top: 39px;
margin-top: 34px;
}
.admin-card-text-2 span{
width: 14px;
@ -240,7 +240,7 @@ body{
font-size: 12px;
font-family: PingFangSC-Regular;
color: #5F5F5F;
margin-top: 39px;
margin-top: 56px;
}
.admin-card-text-4{
height: 12px;
@ -254,7 +254,7 @@ body{
font-size: 14px;
font-family: PingFangSC-Regular;
color: #F21019;
margin-top: 25px;
margin-top: 54px;
overflow-y: auto;
}
.admin-index-bottom-item{
@ -870,4 +870,80 @@ body{
.admin-index-top-item-header-right li{
margin-left: 5px;
}
}
.progress-icon-img-bar{
padding:0px 14px !important;
width:100%;
height:8px;
box-sizing: border-box;
}
.progress-icon-img-bar-inner{
width: 50%;
box-sizing:border-box;
height: 100%;
text-align: center;
}
.admin-card-text-3 div:nth-child(2)::before{
content: '';
display: block;
width: 2px;
height: 4px;
background: rgba(209, 82, 82, 1);
border-radius: 100px;
position: absolute;
left: 5%;
top: -4px;
}
.admin-card-text-3 div:nth-child(2)::after{
content: '';
display: block;
width: 2px;
height: 4px;
background: rgba(209, 82, 82, 1);
border-radius: 100px;
position: absolute;
left: 5%;
bottom: -4px;
}
.admin-card-text-3 div:first-child{
background-color: rgba(209, 82, 82, 1);
}
.admin-card-text-3 div:nth-child(2){
background-color: rgba(246, 229, 229, 1);
position: relative;
}
.admin-card-text-3-2 div:first-child{
background-color: rgba(24, 144, 255, 1) !important;
}
.admin-card-text-3-2 div:nth-child(2){
background-color: rgba(24, 144, 255, 0.13) !important;
position: relative !important;
}
.admin-card-text-3-2 div:nth-child(2)::before{
content: '' !important;
display: block !important;
width: 2px !important;
height: 4px !important;
background: rgba(24, 144, 255, 1) !important;
border-radius: 100px !important;
position: absolute !important;
left: 5% !important;
top: -4px !important;
}
.admin-card-text-3-2 div:nth-child(2)::after{
content: '' !important;
display: block !important;
width: 2px !important;
height: 4px !important;
background: rgba(24, 144, 255, 1) !important;
border-radius: 100px !important;
position: absolute !important;
left: 5% !important;
bottom: -4px !important;
}
.progress-icon-img-bar div:nth-child(2) span{
font-size: 14px;
position:absolute;
right:5%;
top:-7px;
}

30
view/css/common.css
View File

@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src: url('/font/icomoon.eot?j9lv8n');
src: url('/font/icomoon.eot?j9lv8n#iefix') format('embedded-opentype'),
url('/font/icomoon.ttf?j9lv8n') format('truetype'),
url('/font/icomoon.woff?j9lv8n') format('woff'),
url('/font/icomoon.svg?j9lv8n#icomoon') format('svg');
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');
font-weight: normal;
font-style: normal;
font-display: block;
@ -57,6 +57,26 @@
content: "\e90d";
color: #1890ff;
}
.icon-1-:before {
content: "\e914";
color: #d15252;
}
.icon--4:before {
content: "\e915";
color: #d15252;
}
.icon-uniE916:before {
content: "\e916";
color: #3aa0ff;
}
.icon-4:before {
content: "\e917";
color: #d15252;
}
.icon-5:before {
content: "\e918";
color: #3aa0ff;
}
.icon-dingd:before {
content: "\e90f";
color: #636c78;

BIN
view/font/icomoon.eot
View File

Binary file not shown.

5
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: 41 KiB

After

Width:  |  Height:  |  Size: 47 KiB

BIN
view/font/icomoon.ttf
View File

Binary file not shown.

BIN
view/font/icomoon.woff
View File

Binary file not shown.

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

@ -104,8 +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">&nbsp;</div>
<div class="admin-card-text-4">&nbsp;</div>
<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 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>
@ -115,8 +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">&nbsp;</div>
<div class="admin-card-text-4">&nbsp;</div>
<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 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>
@ -126,8 +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">&nbsp;</div>
<div class="admin-card-text-4">&nbsp;</div>
<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 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>
@ -138,8 +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">&nbsp;</div>
<div class="admin-card-text-4">&nbsp;</div>
<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 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>
@ -150,8 +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">&nbsp;</div>
<div class="admin-card-text-4">&nbsp;</div>
<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 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>

Write Preview
Loading…
Cancel
Save